SORU
23 Mayıs 2009, CUMARTESİ


Kontrol kontrol özelliği checkbox

Bir onay kutusu checked özelliğini kontrol edin ve bir eylem kontrol özelliği jQuery dayalı kullanarak yapmak istiyorum.

Eğer yaş kutusu işaretli ise, örneğin, daha sonra yaş girin, metin gizlemek için başka bir metin kutusu göstermek istiyorum.

Ama aşağıdaki kod, varsayılan olarak false verir:

if($('#isAgeSelected').attr('checked')) {
    $("#txtAge").show();
} else {
    $("#txtAge").hide();
}

Nasıl başarılı checked özelliği sorgu?

CEVAP
23 Mayıs 2009, CUMARTESİ


"Nasıl başarılı bir şekilde kontrol özelliği sorgu?"

Checkbox DOM öğesinin .checked özelliği öğe checked devlet versin.

Varolan kodunuzu verilen, bu nedenle bunu yapmak için:

if(document.getElementById('isAgeSelected').checked) {
    $("#txtAge").show();
} else {
    $("#txtAge").hide();
}

Ancak, bu, toggle kullanarak yapmak çok daha güzel bir yolu var:

$('#isAgeSelected').click(function () {
    $("#txtAge").toggle(this.checked);
});

<input type="checkbox" id="isAgeSelected"/>
<div id="txtAge" style="display:none">Age is something</div>​

Fiddle Demo

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • DavidParody

    DavidParody

    17 EKİM 2009
  • MusicDeluxeTV

    MusicDeluxeT

    14 Mayıs 2010
  • YAN TV

    YAN TV

    20 EKİM 2011