checkbox全选/取消全选以及checkbox遍历jQuery实现代码

最新推荐文章于 2026-01-06 02:26:14 发布

原创最新推荐文章于 2026-01-06 02:26:14 发布 · 867 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #list #function #input

jQuery 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了一个使用jQuery实现的全选/取消全选功能的示例代码，并展示了如何获取已选中的复选框（checkbox）的值。通过简单的HTML和JavaScript代码，读者可以学习到如何利用jQuery简化DOM操作，特别适用于表格数据的选择场景。

全选/取消全选

<html>
<head>
<script src="jquery-1.3.2.min.js" type="text/javascript"></script>
</head>
<body>
<input type="checkbox" name="chk_list" id="chk_list_1" value="1" />1<br />
<input type="checkbox" name="chk_list" id="chk_list_2" value="2" />2<br />
<input type="checkbox" name="chk_list" id="chk_list_3" value="3" />3<br />
<input type="checkbox" name="chk_list" id="chk_list_4" value="4" />4<br />
<input type="checkbox" name="chk_all" id="chk_all" />全选/取消全选
<script type="text/javascript">
$("#chk_all").click(function(){
$("input[name='chk_list']").attr("checked",$(this).attr("checked"));
});
</script>
</body>
</html>