checkbox选中与取消选择

最新推荐文章于 2025-06-18 11:30:09 发布

原创最新推荐文章于 2025-06-18 11:30:09 发布 · 5.9w 阅读

17 ·

CC 4.0 BY-SA版权

文章标签：

#checkbox选中与取消选择

js 专栏收录该内容

51 篇文章

订阅专栏

本文介绍如何使用jQuery对HTML中的checkbox进行全选与取消全选的操作。通过简单的代码示例，展示了如何利用prop()和removeAttr()方法控制checkbox的状态。值得注意的是，使用attr()方法设置checked属性时，虽然代码中会显示checked=checked，但页面上的checkbox状态可能不会正确更新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

checkbox选中与取消选择

1.html

<form>
    <input type="checkbox" name="items" value="足球" />足球
    <input type="checkbox" name="items" value="篮球" />篮球
    <input type="checkbox" name="items" value="羽毛球" />羽毛球
</form>

2.js

//全选中
$("input[type=checkbox]").prop("checked","checked");
//取消选中
$("input[type=checkbox]").removeAttr("checked");

注意：使用attr(),会发现代码那里的checked="checked",但是页面input上没有显示出来