美文网首页
layui的checkbox写法,反显写法

layui的checkbox写法,反显写法

作者: 气质学长 | 来源:发表于2020-01-06 17:14 被阅读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">
    
    

    一名小码农

    相关文章

      网友评论

          本文标题:layui的checkbox写法,反显写法

          本文链接:https://www.haomeiwen.com/subject/wubkactx.html