js实现多选框分类全选与取消
来源:互联网 发布:淘宝大学线下培训班 编辑:程序博客网 时间:2024/06/06 13:01
前端
一级选框全选/取消二级选框
function pcheck(j){ var ch=document.getElementsByName("name"+j); if(document.getElementsByName("name"+j)[0].checked==true) { for(var i=0;i<ch.length;i++) { ch[i].checked=true; } }else{ for(var i=0;i<ch.length;i++) { ch[i].checked=false; } }}
当二级被选时,选择/取消一级选框
function ccheck(obj){ var ch=document.getElementsByName($(obj).attr("name")); if(obj.checked==true){ ch[0].checked=true; }else{ var flag=false; for(var i=1;i<ch.length;i++){ if(ch[i].checked==true){ flag=true; } } if(flag){ ch[0].checked=true; }else{ ch[0].checked=false; } }}
后台动态生成选框
StringBuffer htmlstr = new StringBuffer(); htmlstr.append("<dl>"); String[] title = { "标题一", "标题二, "标题三", "标题四" }; for (int i = 1; i < 5; i++) { htmlstr.append("<dd class=\"model\"><label for=\"permit_wechat\">" + title[i - 1] + "</label></dd>"); @SuppressWarnings("rawtypes") if (parent != null) { for (int j = 0; j < parent.size(); j++) { htmlstr.append("<dd class=\"model\">"); htmlstr.append("<input name=\"name" + parent.get(j).get("code") + "\" type=\"checkbox\" class=\"test\" onclick=\"pcheck(" + parent.get(j).get("code") + ")\" id=\"" + parent.get(j).get("code") + "\" value=\"" + parent.get(j).get("code") + "\">"); htmlstr.append("<label for=\"permit_wechat\">" + parent.get(j).get("name") + "</label></dd>"); htmlstr.append("<dd class=\"module\">"); if (child != null) { for (int m = 0; m < child.size(); m++) { htmlstr.append("<input name=\"name" + parent.get(j).get("code") + "\" type=\"checkbox\" class=\"test\" onclick=\"ccheck(this)\" value=\"" + child.get(m).get("code") + "\"" + "id=\"" + child.get(m).get("code") + "\">"); htmlstr.append("<label for=\"permit_wechat\">" + child.get(m).get("name") + "</label>"); } } htmlstr.append("</dd>"); } } } htmlstr.append("</dl>");
选择所有选框的选中情况
var checkboxArray = [];//初始化空数组,用来存放checkbox对象。 var map = {}; var inputs = document.getElementsByTagName("input");//获取所有的input标签对象 for(var i=0;i<inputs.length;i++){ var obj = inputs[i]; if(obj.type=='checkbox'){ if(obj.checked==true){ checkboxArray.push(obj.value); } } }
阅读全文
1 0
- js实现多选框分类全选与取消
- JS全选与取消全选
- JS_多选框全选与取消全选的实现
- js实现多个复选框的全选与取消
- JQuery实现全选与取消
- 全选与取消全选
- jQuery实现多选框全选/取消
- js实现全选(全部取消)反向选择
- 实现全选和取消全选(JavaScript控制CheckBox 的全选与取消全选)
- js实现简单的checkbox全选和取消全选效果
- JS实现checkbox的全选和取消全选
- [js代码] input checkbox 全选与取消全选
- jquery实现checkbox的全选与取消
- Javascript实现CheckBox的全选与取消全选的代码
- Javascript实现CheckBox的全选与取消全选的代码
- Javascript实现CheckBox的全选与取消全选的代码
- jQuery实现全选取消全选
- JavaScript全选与取消全选
- CentOS7搭建ELK
- [SDUT](2052)装船问题 ---贪心
- 津津的储蓄计划
- UVA
- 年度总结
- js实现多选框分类全选与取消
- Qt 信号与槽 输出按钮被单击次数
- php 包管理器PEAR
- sudo: ./scons.py:找不到命令
- 对称加密算法(1):DES
- PureMVC游戏框架解析 理解其中包含的设计模式
- k的倍数
- el 表达式了解
- Qt5.7 + VS2015 的环境搭建