JQuery点击全选/取消

傅皮蛋

于 2019-01-06 09:04:12 发布

阅读量370

点赞数

分类专栏： javascript 文章标签： js jquery

本文链接：https://blog.youkuaiyun.com/qq_24023703/article/details/85910680

版权

javascript 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一个使用jQuery实现的全选功能。通过点击全选按钮，可以控制页面上所有复选框的状态，达到全选或取消全选的效果。该功能常见于表格操作中，方便用户进行批量选择。

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


$(function(){
	$("#checkAll").click(function(){
	   $("input[type='checkbox']").prop("checked",$("#checkAll").is(':checked'));
	})
})

<table border="1">
<tr><td><input type="checkbox" id="checkAll" /> 全选</td></tr>
<tr><td><input type="checkbox" /> 1</td></tr>
<tr><td><input type="checkbox" /> 2</td></tr>
<tr><td><input type="checkbox" /> 3</td></tr>
<tr><td><input type="checkbox" /> 4</td></tr>
</table>