经常有人问起在网页里实现多选框的全选功能,今天我就写了这么一个DEMO
<input type=checkbox name=mm value=a onclick="checkItem(this, 'mmAll')"><br>
<input type=checkbox name=mm value=b onclick="checkItem(this, 'mmAll')"><br>
<input type=checkbox name=mm value=c onclick="checkItem(this, 'mmAll')"><br>
<input type=checkbox name=mm value=d onclick="checkItem(this, 'mmAll')"><br>
<input type=checkbox name=mm value=e onclick="checkItem(this, 'mmAll')"><br><br>
<input type=checkbox name=mmAll onclick="checkAll(this, 'mm')">全选与不全选的切换
<script language=Javascript>
function checkAll(e, itemName)
{
var aa = document.getElementsByName(itemName);
for (var i=0; i<aa.length; i++)
aa[i].checked = e.checked;
}
function checkItem(e, allName)
{
var all = document.getElementsByName(allName)[0];
if(!e.checked) all.checked = false;
else
{
var aa = document.getElementsByName(e.name);
for (var i=0; i<aa.length; i++)
if(!aa[i].checked) return;
all.checked = true;
}
}
</script>
分享到:
相关推荐
javascript 实现复选框全选/取消功能
juqery实现复选框全选/反选demo源码,对应博客文章说明:http://blog.csdn.net/shellwin/archive/2010/07/21/5752366.aspx
javaScript入门案例之复选框全选,全不选,反选
javascript 复选框全选,复选框全选,复选框全选
先来看看JavaScript实现checkbox复选框全选/全不选的方法。这应该是一个比较实用的前端技巧吧,很多时候我们都需要点击一个checkbox,然后将所有的复选框自动全部选中,比如新浪邮箱中,一些CMS系统的后台中,使用本...
js 实现 复选框全选(二)! 值得下载看看!资源免费,大家分享!!
JavaScript实现复选框全选或全取消操作 本文实例为大家分享了JavaScript实现复选框全选或全取消的具体代码,供大家参考,具体内容如下 实现思路 1、获取总选框、所有小选框元素对象 2、按钮控制小按钮- - -给总...
jquery 复选框 全选,全不选,在同一个按钮实现,格式是html
QTableWidget表头添加复选框实现全选功能。有点投机取巧,但是功能是实现了。实现很简单。
复选框全选全不选JS代码,可以通过按钮或者复选框调用。
主要介绍了jQuery实现的复选框全选/取消全选/反选及获得选择的值,需要的朋友可以参考下
复选框全选、全不选和反选的效果实现
jquery 、js实现复选框 (全选、反选)功能··
DataGridView 复选框列实现全选。点击列头的复选框下面的行全部选中或者全部取消。
spreadjs_列头添加复选框全选功能-demo
用Axure RP 8.0做的原型设计列子,作用是复选框做全选和非全选,已选的做反选。可以学习下反选或非反选的交互思路。
实现了复选框全选的功能,不需要在外面另加按钮触发全选事件
主要介绍了vue+vant-UI框架实现购物车的复选框全选和反选功能,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
一个实现复选框全选的JavaScript 例子, 如何使用javaScript 使网页上的复选框被选中