如何检查是否在 jQuery 中选中了复选框？

小编典典

如何检查是否在 jQuery 中选中了复选框？

javascript

我需要检查复选框的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

阅读 249

2022-01-06

共1个答案

小编典典

如何成功查询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>

2022-01-06