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

Question

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

原文由 Prasad 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

这对我有用：

 $get("isAgeSelected ").checked == true

其中 isAgeSelected 是控件的 ID。

此外，@ karim79 的 回答 也很好。我不确定我在测试它时错过了什么。

注意，这是答案使用 Microsoft Ajax，而不是 jQuery

原文由 Prasad 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

如何成功查询到已勾选的属性？

复选框 DOM 元素的 checked 属性将为您提供元素的 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>

原文由 karim79 发布，翻译遵循 CC BY-SA 3.0 许可协议