首页 > 代码库 > 用checkbox做全选
用checkbox做全选
html代码如下：
<!doctype html><html> <head> <meta charset="utf-8"> <title>全选</title> </head> <body> <ul> <li><input id="all" type="checkbox" autocomplete="off"></li> <li><input type="checkbox" name="groupId" value="http://www.mamicode.com/2"></li> <li><input type="checkbox" name="groupId" value="http://www.mamicode.com/2"></li> <li><input type="checkbox" name="groupId" value="http://www.mamicode.com/2"></li> </ul> </body></html>
js代码如下：
$("#all").click(function(event) { if(this.checked) { $(‘input[name=groupId]‘).each(function() { this.checked = true; }); }else{ $(‘input[name=groupId]‘).each(function() { this.checked = false; }); } });
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。