首页 >web前端 >js教程 >如何使用 jQuery 选中或取消选中复选框?

如何使用 jQuery 选中或取消选中复选框?

Patricia Arquette
Patricia Arquette原创
2024-12-30 11:46:09233浏览

How Do I Check or Uncheck a Checkbox Using jQuery?

使用 jQuery 设置复选框“选中”

要使用 jQuery 选择复选框,我们可以使用 .prop()修改底层 HTMLInputElement 的 .checked 的方法

现代 jQuery

使用 .prop():

$('.myCheckbox').prop('checked', true);
$('.myCheckbox').prop('checked', false);

DOM API

如果与一个人一起工作element:

$('.myCheckbox')[0].checked = true;
$('.myCheckbox')[0].checked = false;

jQuery 1.5.x 及以下版本

在 jQuery 1.6 版本之前,使用 .attr() 而不是 .prop():

$('.myCheckbox').attr('checked', true);
$('.myCheckbox').attr('checked', false);

请注意,这种方法优于使用.removeAttr('checked'),因为它可以防止在包含复选框的表单上调用 .reset() 时发生意外的行为更改。

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

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn