如何使用 jQuery 正确选中或取消选中复选框？

使用 jQuery 设置复选框的“checked”

许多开发人员希望使用以下方法设置复选框的“checked”属性jQuery，有些人可能会尝试使用 .checked() 或 .selected() 等方法。但是，这些方法在 jQuery 中不存在。

现代 jQuery

要在现代版本的 jQuery 中设置“checked”属性，请使用 .prop( ) 方法：

$('.myCheckBox').prop('checked', true);  // Check the checkbox
$('.myCheckBox').prop('checked', false); // Uncheck the checkbox

DOM API

另一个选项是访问底层 HTMLInputElement 对象并直接设置 .checked 属性：

$('.myCheckBox')[0].checked = true;  // Check the checkbox
$('.myCheckBox')[0].checked = false; // Uncheck the checkbox

jQuery 1.5.x 及以下

对于旧版本的 jQuery（1.6 之前）， .prop() 方法不可用，因此您可以使用 .attr() 代替：

$('.myCheckBox').attr('checked', true);  // Check the checkbox
$('.myCheckBox').attr('checked', false); // Uncheck the checkbox

需要注意的是，虽然使用 .removeAttr('checked') 可能看起来是一种合理的方法，但它与包含该复选框的表单交互时可能会导致意外行为。因此，使用 .prop() 或 .attr() 是使用 jQuery 设置“checked”属性的首选方法。

以上是如何使用 jQuery 正确选中或取消选中复选框？的详细内容。更多信息请关注PHP中文网其他相关文章！