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

  • GoldgenieOfficial

    GoldgenieOff

    23 Temmuz 2009
  • LiquidMusick

    LiquidMusick

    23 Aralık 2010
  • pissengehen

    pissengehen

    26 EYLÜL 2006