checkbox中全选和全不选的JS代码实现
来源:互联网 发布:mac能玩魔兽世界 编辑:程序博客网 时间:2024/05/06 04:51
checkbox在cms中应该说是必用的一个项,那么如何全选和全不选对刚接触web编程的菜鸟来说,可能会有一点问题,为此特把自己的一段代码拿出来,给高接触的新手一个参考
function checkAll(checkname) { var obj = document.getElementsByName(checkname); var key=document.getElementById('check_all').value; key=="0"?key=false:key=true; if(key){ for (var i = 0; i < obj.length; i++) { obj.item(i).checked = false; } document.getElementById('check_all').value='0'; }else{ for (var i = 0; i< obj.length; i++) { obj.item(i).checked = true; } document.getElementById('check_all').value='1'; } }
简单解析:checkname为复选框的名字,“key=document.getElementById('check_all').value”这句代码是取得当前用户的选中状态,为此在html页面中建立一个隐藏的input:<input type="hidden" id="check_all" value="0"> 初始状态为0,即未全选,“key”作为标记,如果假,则进入全选循环,如果为真,则进入全不选的循环,“for{}”循环下面一句是重新设置用户选中状态。
代码比较简单,新手可参考,高手飘过(最好能提出一些改进意见已提供代码执行效率)
- checkbox中全选和全不选的JS代码实现
- js实现checkbox全选和全不选代码
- js实现checkbox全选和全不选
- js实现简单的checkbox全选和取消全选效果
- JS实现checkbox的全选和取消全选
- checkbox中全选和全不选及单选的实现
- JS的checkbox实现全选
- JS 实现checkbox 全选 全不选
- Checkbox 全选和取消全选的代码
- js中checkbox中的全选和反选效果实现
- js中checkbox中的全选和反选效果实现
- gridview中Checkbox全选或全取消的js代码
- Js checkbox全选和全不选
- 唯爱小粽子:js实现checkbox的全选和反选
- Vue.js实现checkbox的全选和反选
- Vue.js实现checkbox的全选和反选
- Vue.js实现checkbox的全选和反选
- 一行代码实现 所有的Checkbox全选和反选
- Flex组件的项目渲染器(ItemRenderer)使用总结
- ARM协处理器指令详解
- 不常用的TCODE记录
- 第九章 HOOKDLL windows程序设计王艳平版
- C++全局变量的声明和定义
- checkbox中全选和全不选的JS代码实现
- NGUI的button事件触发和进度条的使用
- MFC----MessageBox的使用
- android 基础学习(3)-----activity的生命周期
- MyEclipse 8.6 出现"Caused by: java.lang.OutOfMemoryError: PermGen space"解决
- Kconfig和Makefile
- easyUI在可编辑的datagrid中计算两列的值
- 二分图的最大匹配
- Microsoft Sync Framework Runtime 简介(一篇非常好的MSF介绍文章)