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

  • 1881 Animation

    1881 Animati

    5 EKİM 2013
  • Eric Enge

    Eric Enge

    2 Kasım 2009
  • kimberly p

    kimberly p

    23 Ocak 2010