layui的checkbox写法,反显写法

2020-01-06  本文已影响0人  气质学长
// 复选框全选
            form.on('checkbox(all)',function (data) {
                var isChecked = data.elem.checked;
                if(isChecked){
                    $('#contactList').find('input[type=checkbox]').prop('checked',true)
                    form.render('checkbox')
                }else{
                    $('#contactList').find('input[type=checkbox]').prop('checked',false)
                    form.render('checkbox')
                }
            })
            // 监听单个复选框
            form.on('checkbox(c_one)',function (data) {
                var item = $('.c_one')
                var len = item.length;
                for (var i = 0; i < len; i++) {
                    if(item[i].checked == false){
                        $('#c_all').prop('checked',false)
                        form.render('checkbox')
                        break
                    }
                }
                for (var j = 0; j < item.length; j++) {
                    if(item[j].checked == true){
                        len--;
                    }
                }
                if(len==0){
                    $('#c_all').prop('checked',true)
                    form.render('checkbox')
                }
            })

注意刷新 form.render('checkbox')
所选

<input type="checkbox" name="全选" title="全选" lay-skin="primary" id="c_all" lay-filter="all" >
<input type="checkbox" class='c_one' lay-filter='c_one' data-id="+e.id+"  lay-skin="primary">

一名小码农

上一篇下一篇

猜你喜欢

热点阅读