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)