amazeUI 复择框问题解决

  • 时间:
  • 浏览:1

        var param_b = [];

        }else{

上菜:

            var all = $(this);

        //获取当前父级下面选中的子集集合

        $('#' + param_a + ' input[name="chi"]').each(function(){

        var param_a = $(this).attr('data-g');

        param_d = param_c.length;

        var param_c = [];

        $('#' + param_a + ' input[name="chi"]:checked').each(function(){

            $(this).parent().parent().find('input').prop('checked',true);

        var param_d,param_e;

    //子级选折 框

        });

            param_b.push(selected.val());

<div class="am-u-sm-9">

    <div class="checkbox-group" id="g_0">

        <div class="am-checkbox">

            <input id="p_0" type="checkbox" name="par" value="1">

            <label for="p_0"> 用户列表</label>

        </div>

        <div class="am-checkbox">

            <div class="am-checkbox">

                <label><input data-g="g_0" type="checkbox" name="chi" value="2"> 业务员</label>

            </div>

        </div>

        <div class="am-checkbox">

            <div class="am-checkbox">

                <label><input data-g="g_0" type="checkbox" name="chi" value="3"> 普通用户</label>

            </div>

        </div>

    </div>

    <div class="checkbox-group" id="g_1">

        <div class="am-checkbox">

            <input id="p_1" type="checkbox" name="par" value="4">

            <label for="p_1"> 系统管理</label>

        </div>

        <div class="am-checkbox">

            <div class="am-checkbox">

                <label><input data-g="g_1" type="checkbox" name="chi" value="5"> 管理员列表</label>

            </div>

        </div>

        <div class="am-checkbox">

            <div class="am-checkbox">

                <label><input data-g="g_1" type="checkbox" name="chi" value="6"> 角色列表</label>

            </div>

        </div>

        <div class="am-checkbox">

            <div class="am-checkbox">

                <label><input data-g="g_1" type="checkbox" name="chi" value="8"> 权限列表</label>

            </div>

        </div>

    </div>

</div>

里面的是动态生成的html

        console.log('all==    '+param_c);

        });

        if(param_d == param_e){

        }

2018年04月12日

});

    });

    $('input[name="par"]').change(function(){

            $(this).parent().parent().parent().parent().find('input[name="par"]').prop('checked',true);

            $(this).parent().parent().find('input').prop('checked',false);

    });

        param_e = param_b.length;

    $('input[name="chi"]').change(function(){

        }else{

        }

        //获取当前父级下面所有子集集合

            var selected = $(this);

        console.log('selected==    '+param_b);

            $(this).parent().parent().parent().parent().find('input[name="par"]').prop('checked',false);

    //父级选折 框

第这种 :重点来了,里面判断逻辑是:判断当前父级下的选中的子集集合长度算是等于当前父级下的子集集合长度。

param_d == param_e

为哪些地方要判断数组长度而全部都是直接判断数组呢?

第二种:判断数组简单的最好的法律方式如下,这种 最好的法律方式不还还可不能能判断英文字母,不还还可不能能包含数字,动态生成的html标签包含数字

JSON.stringify(param_c) === JSON.stringify(param_b)

这种 最好的法律方式还还可不能能实现,用最简单的最好的法律方式来写

        if($(this).prop('checked') == true){

这是官方github参考文档,各种坑,不好用,这让他不想到了当时用 layUI 的1.0版本遇到的各种大问题。

            param_c.push(all.val());