js中单选,反选,联动选择等等
2015-10-30 10:19
411 查看
最近一直在写用js操作单选,反选,关联选择例如
我是根据层级<level>来判断的。
一下是核心代码
我是根据层级<level>来判断的。
一下是核心代码
<script type="text/javascript"> $(function(){ $('input').click(function(){ var level=$(this).attr('level'); if(level == 1){ var inputs = $('input[type=checkbox]'); $(this).attr('checked') ? inputs.attr('checked',true):inputs.removeAttr('checked'); }else if(level == 2){ var id = $(this).attr('id'); var inputs = $('input[pid='+id+']'); var pid = $(this).attr('pid'); $('input[id='+pid+']').attr('checked',true); $(this).attr('checked') ? inputs.attr('checked',true):inputs.removeAttr('checked'); var pids = $('input[pid='+id+']').attr('id'); var inputss = $('input[pid='+pids+']'); $(this).attr('checked') ? inputss.attr('checked',true):inputss.removeAttr('checked'); }else if(level == 3){ var id = $(this).attr('id'); var pid = $(this).attr('pid'); $('input[id='+pid+']').attr('checked',true); var ppid = $('input[id='+pid+']').attr('pid'); $('input[id='+ppid+']').attr('checked',true); var inputs = $('input[pid='+id+']'); $(this).attr('checked') ? inputs.attr('checked',true):inputs.removeAttr('checked'); }else if(level == 4){ var pid = $(this).attr('pid'); $('input[id='+pid+']').attr('checked',true); var ppid = $('input[id='+pid+']').attr('pid'); $('input[id='+ppid+']').attr('checked',true); var pppid = $('input[id='+ppid+']').attr('pid'); $('input[id='+pppid+']').attr('checked',true); } }); }) </script>
相关文章推荐
- 一个关于if else容易迷惑的问题
- JQuery1——基础($对象,选择器,对象转换)
- Android学习笔记(二九):嵌入浏览器
- Android java 与 javascript互访(相互调用)的方法例子
- PHP5.2.*防止Hash冲突拒绝服务攻击的Patch
- 深入理解PHP之匿名函数
- JavaScript演示排序算法
- JSP/PHP基于Ajax的分页功能实现
- javascript实现10进制转为N进制数
- 关于PHP通过PDO用中文条件查询MySQL的问题。
- 什么是设计模式
- PHP数据库长连接mysql_pconnect的细节
- 2019年开发人员应该学习的8个JavaScript框架
- Php Installing An Expansion
- HTML中的script标签研究
- 对一个分号引发的错误研究
- 异步流程控制:7 行代码学会 co 模块
- ES6 走马观花(ECMAScript2015 新特性)