javascript应用:实现复选框全选/全不选切换
来源:互联网 发布:淘宝哪个店铺牛仔裤好 编辑:程序博客网 时间:2024/06/04 17:52
经常有人问起在网页里实现多选框的全选功能,今天我就写了这么一个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应用:实现复选框全选/全不选切换
- javascript应用:实现复选框全选/全不选切换
- javascript应用:实现复选框全选/全不选切换
- javascript应用:实现复选框全选/全不选切换
- javascript应用:实现复选框全选/全不选切换
- javascript应用:实现复选框全选/全不选切换
- javascript应用:实现复选框全选/全不选切换
- javascript应用:实现复选框全选/全不选切换
- javascript应用:实现复选框全选/全不选切换
- javascript应用:实现复选框全选/全不选切换,创建无边框的弹出窗口!
- JavaScript实现全选全不选复选框
- JavaScript实现复选框全选
- JavaScript实现复选框全选与全不选的效果
- javascript实现复选框的全选功能
- javascript实现复选框的全选功能
- javascript实现复选框全选功能
- JavaScript 复选框全选效果&JQuery 实现简单的tab切换效果
- JavaScript之复选框的全选,全不选
- Java学习笔记之SWING -- 基本SWING程序(地图编辑器框架的显示地图的改进)
- .net中XML的简单应用
- 一个简单的怪问题
- 我的第一篇blog
- 深夜加班加之文章被非法转载,极度郁闷中!(有部分脏字,慎入)
- javascript应用:实现复选框全选/全不选切换
- Freetextbox的使用及实现机制
- 忙~~
- 读代码原来比写代码更累
- Python初探
- 用正则表达式过滤脚本的研究(ASP.net)
- test
- 看过张江的图灵机有感
- Gridview中当设置自动生成列时对列中字段使用 html代码显示