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

最新推荐文章于 2024-03-14 17:29:43 发布

睥睨漫画

最新推荐文章于 2024-03-14 17:29:43 发布

阅读量667

点赞数

分类专栏： php 文章标签： javascript php

本文链接：https://blog.csdn.net/xi_zang/article/details/49507335

版权

php 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

最近一直在写用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>