jQuery ile checkbox’ın seçili olduğunu nasıl kontrol ederim?

Onay kutusunun checked özelliğini denetlemek ve jQuery kullanarak denetlenen özelliğe göre bir eylem gerçekleştirmek istiyorsunuz.

İlişkili olduğu konular : checkbox, html, javascript, jquery

Onay kutusunun checked özelliğini denetlemek ve jQuery kullanarak denetlenen özelliğe göre bir eylem gerçekleştirmek istiyorsunuz.

Örneğin, isAgeSelected id’li onay kutusu işaretliyse, txtAge id’sine sahip bir metin kutusu göstermek istiyorsunuz, ya da metin kutusunu gizlemeyi tercih edeceksiniz

Nasıl yapabiliriz?

Onay kutusunun checked özelliği size öğenin durumunu verecektir.

Dolayısıyla aşağıdaki gibi yapabilirsiniz:

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

Ancak, toggle kullanarak daha güzel bir sonuç elde edebilirsiniz:

$('#isAgeSelected').click(function() {
    $("#txtAge").toggle(this.checked);
});
<input type="checkbox" id="isAgeSelected"/>
<div id="txtAge" style="display:none">Age is something</div>

jQuery’nin is() işlevini de kullanabilirsiniz:

if($("#isAgeSelected").is(':checked'))
    $("#txtAge").show();  // checked
else
    $("#txtAge").hide();  // unchecked

Genel olarak aşağıdaki gibi bir yol izleyebilirsiniz:

jQuery 1.6+

$('#isAgeSelected').prop('checked')

jQuery 1.5 ve altı

$('#isAgeSelected').attr('checked')

jQuery’nin herhangi bir sürümü

if (this.checked)
Bu yazı topluluk tarafından oluşturuldu. Lisans bilgisine bakabilirsiniz. Yanlış veya eksik bilgileri düzenlemek için github üzerinden katkıda bulunabilirsiniz.

Kategoriler: Yazı, HTML, Javascript

Okumaya devam et!

JavaScript ile bir öğenin sınıfını nasıl değiştirebilirim?

JavaScript kullanarak bir HTML öğesinin sınıfını nasıl değiştirebiliriz? Veya onclick gibi bir eyleme yanıt olarak class’ı nasıl değiştirebiliriz? Sınıfları değiştirmek için modern HTML5 Teknikleri Modern tarayıcılar, bir kitaplığa ihtiyaç duymadan sınıfları değiştirmeyi kolaylaştıran yöntemler sağlayan classList’i eklediler: Ne yazık ki, bunlar v10’dan önce Internet Explorer’da çalışmaz, ancak giderek daha fazla desteklendiğini söyleyebiliriz.

jQuery – Hangi radyo düğmesinin seçildiğini nasıl bilebilirim?

Diyelim ki iki radyo düğmem var ve seçilenin değerini öğrenmek istiyorum.

HTML sayfasından yönlendirme nasıl yapılır?

Bunun için birden fazla yöntem bulunuyor: 1.

Yorum Gönderin

E-posta hesabınız yayımlanmayacak.

koddla
Tema Mundana by WowThemes.net.