您的位置:首页 > Web前端 > JavaScript

js中单选,反选,联动选择等等

2015-10-30 10:19 411 查看
最近一直在写用js操作单选,反选,关联选择例如

我是根据层级<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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  javascript php