checkbox的全选与取消肯定有不同的方法，本文介绍的方法的关键点在于：checkbox组的名字相同，点击控制全选的checkbox时调用js，使checkbox组的checked属性与控制全选的checkbox的checked属性保持一致。
<script type='text/javascript'>
function selectAll(e) {
//返回所有名为‘chk’的元素数组
var boxs = document.getElementsByName('chk');
var len = boxs.length;
for (var i = 0; i < len; i++)
{
//操作checkbox组的checked属性和控制全选的checkbox属性一致
boxs[i].checked = e.checked;
}
}
</script>
</head>
<body>
<form>
<!--checkbox组-->
<input type='checkbox' name='chk' />checkbox1<br />
<input type='checkbox' name='chk' />checkbox2<br />
<input type='checkbox' name='chk' />checkbox3<br />
<input type='checkbox' name='chk' />checkbox4<br />
<input type='checkbox' name='chk' />checkbox5<br />
<!--控制全选的checkbox-->
<input type='checkbox' name='control' onClick='selectAll(this);'/>全选
</form>
</body>
效果如下：
分享到：
相关推荐
HtML javascritp checkbox 全选HtML javascritp checkbox 全选
js实现checkbox 全选和取消 自己亲测可以使用
JS控制checkbox全选、取消全选、删除功能的代码贴出来。 看下面两种实现方法：
js checkbox全选 反选 取消全部设置表单html复选框
简约时尚CSS样式，checkbox 全选或取消全选、或得到选中个数全案例使用详解
Recyclerview item上CheckBox，包括全选，取消全选，单选功能
listview带checkbox全选、取消功能精简版
listview带checkbox全选、取消功能
js checkbox全选 反选 取消全部设置表单html复选框勾选
JQuery实现checkbox的全选取消全选
1、vue+elementui实现select下拉框增加checkbox并可全选或取消； 2、完整的代码示例； 3、清晰的示例图片
NULL 博文链接：https://tony0101.iteye.com/blog/579404
js特效制作js checkbox复选框全选 反选 取消全部等设置多个表单里面的checkbox复选框勾选特效。内含js代码下载。
checkbox全选/取消全选以及checkbox遍历jQuery实现代码
本文实例讲述了jQuery实现checkbox全选的方法。分享给大家供大家参考。具体分析如下： 通过checkbox 进行全选和取消全选的操作，如果通过toggle进行处理，则会出现checkbox无法显示对勾的问题。 使用click事件，根据...
checkbox 全选与反选 能实现 行全选 与 列全选 并且能实现 如果取消该行中任意一个 行头则自动取消选中状态 若 取消该列中任意一个 列头 也会自动取消选中状态
模拟select控件，带checkbox，支持全选反选取消插件，测试页面为jsp页面，需要tomcat发布使用
function CheckAll(form)根据name=chkAll的checkBox的选中与否来设置其它checkBox全选与全不选，并激活一个事件来验证表单 function UnselectAll(form)取消选择 function ExportXML(checkboxName)导出xml模板文件 ...
asp.net GridView中的checkbox实现前台全选或取消全选