我需要检查复选框的checked属性并使用 jQuery 根据选中的属性执行操作。
例如，如果age复选框被选中，那么我需要显示一个文本框来输入age，否则隐藏文本框。
但以下代码false默认返回：
if ($('#isAgeSelected').attr('checked')) {
$("#txtAge").show();
} else {
$("#txtAge").hide();
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" id="isAgeSelected"/>
<div id="txtAge" style="display:none">
Age is selected
</div>如何成功查询checked房产？
如何成功查询checked属性？
checked复选框 DOM 元素的属性将为您提供元素的checked状态。
鉴于您现有的代码，您可以这样做：
if(document.getElementById('isAgeSelected').checked) {
$("#txtAge").show();
} else {
$("#txtAge").hide();
}
但是，有一种更漂亮的方法可以使用toggle：
$('#isAgeSelected').click(function() {
$("#txtAge").toggle(this.checked);
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" id="isAgeSelected"/>
<div id="txtAge" style="display:none">Age is something</div>使用 jQuery 的is()函数：
if($("#isAgeSelected").is(':checked'))
$("#txtAge").show(); // checked
else
$("#txtAge").hide(); // unchecked
使用 jQuery > 1.6
<input type="checkbox" value="1" name="checkMeOut" id="checkMeOut" checked="checked" />
// traditional attr
$('#checkMeOut').attr('checked'); // "checked"
// new property method
$('#checkMeOut').prop('checked'); // true
使用新的属性方法：
if($('#checkMeOut').prop('checked')) {
// something when checked
} else {
// something else when not
}
jQuery 1.6+
$('#isAgeSelected').prop('checked')
jQuery 1.5 及以下
$('#isAgeSelected').attr('checked')
任何版本的 jQuery
// Assuming an event handler on a checkbox
if (this.checked)
所有功劳都归功于西安。
我正在使用这个，这工作得很好：
$("#checkkBoxId").attr("checked") ? alert("Checked") : alert("Unchecked");
注意：如果复选框被选中，它将返回真否则未定义，所以最好检查“真”值。