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

  • David Tedeyev

    David Tedeye

    20 AĞUSTOS 2011
  • Lin Steven

    Lin Steven

    17 EKİM 2006
  • Roger Huffman

    Roger Huffma

    4 ŞUBAT 2007