1.第一种
$(function () { // chkAll全选事件 $("#checkAll").bind("click", function () { $("[name = article_id]:checkbox").attr("checked", this.checked); }); // checkbox-article_id事件 $("[name = article_id]:checkbox").bind("click", function () { var $chk = $("[name = article_id]:checkbox"); $("#checkAll").attr("checked", $chk.length == $chk.filter(":checked").length); }) });
2.第二种
function check_all(obj,cName) { var checkboxs = document.getElementsByName(cName); for(var i=0;i<checkboxs.length;i++){checkboxs[i].checked = obj.checked;} }
HTML:
//第一种 <input id="checkAll" type="checkbox" value="" /> //第二种 <input id="checkAll" type="checkbox" value="" onclick="check_all(this,'article_id')"/> <input name='article_id' type='checkbox' value=''/> <input name='article_id' type='checkbox' value=''/> <input name='article_id' type='checkbox' value=''/>
关于checkbox的全选/全不选的处理
最新推荐文章于 2021-12-08 00:47:40 发布
本文介绍了两种在HTML中处理checkbox全选/全不选的方法,包括对应的HTML代码和事件处理,帮助理解如何通过JavaScript操作checkbox状态。
摘要由CSDN通过智能技术生成