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

  • Neil Cicierega

    Neil Ciciere

    22 Mart 2006
  • PaulGBelliveau

    PaulGBellive

    5 Mart 2009
  • The Dubstep FX

    The Dubstep

    5 Mart 2011

İLGİLİ SORU / CEVAPLAR