如何使用 jQuery 准确检查复选框的选中状态？

使用 jQuery 检查复选框的选中属性

问题：

你需要使用 jQuery 确定复选框的选中状态并根据该状态采取操作

jQuery 代码：

以下 jQuery 代码尝试检查“isAgeSelected”复选框的选中属性，但默认返回 false：

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

正确解决方案：

查询检查属性成功，您可以使用以下代码：

选项 1：

使用 JavaScript 直接访问 DOM 元素：

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

选项 2：

使用 jQuery 的“切换”功能更简洁的方法：

$('#isAgeSelected').click(function() {
    $("#txtAge").toggle(this.checked);
});

此代码处理“isAgeSelected”复选框上的单击事件，并根据选中状态切换“txtAge”元素的可见性。

以上是如何使用 jQuery 准确检查复选框的选中状态？的详细内容。更多信息请关注PHP中文网其他相关文章！