开心一笑: 会买水果的狗狗

    关注微信公众号

    QQ群:831045818

    app下载

    当前位置:首页> layui > 技术文档 > 正文
    layui checkbox 高级用法
    发布时间:2020-04-21 15:05:29.0 浏览次数:
    <div class="layui-form-item">
       <label class="layui-form-label">操作系统</label>
       <div lay-filter="os" id="search_checkbox" class="layui-input-block">
           <input type="checkbox"  value="windows"  title="windows">
           <input type="checkbox"  value="centos"  title="centos">
       </div>
    </div>
    
    
    var arr_box = [];
    $('#search_checkbox input[type=checkbox]:checked').each(function() {
       arr_box.push($(this).val());
    });
    //取的是value值
    
    
    
    //layui checkbox 赋值  str数组 name ID名称
    //数组可用 var s=1,2   var arr=s.split(",");
    //获取layui 多选内容  layui checkbox 需要包裹一层id
    common.getCheckbox=function (idname) {
        var arr_box = [];
        $('#'+idname+' input[type=checkbox]:checked').each(function() {
            arr_box.push($(this).val());
        });
        return arr_box.join(",");
    }
    
    //layui checkbox 赋值  str数组 name ID名称
    //数组可用 var s=1,2   var arr=s.split(",");
    common.setCheckbox=function(str,name){
        //先要重置属性
        //var unitTypeCheckbox = $("input[name='"+name+"']");
        var unitTypeCheckbox =$('#'+name+' input[type=checkbox]')
        for (var i = 0; i < unitTypeCheckbox.length; i++) {
            unitTypeCheckbox[i].checked = false;
        }
    
        //把相同的属性设置为true
        for (var j = 0; j < str.length; j++) {
            for (var i = 0; i < unitTypeCheckbox.length; i++) {
                if (unitTypeCheckbox[i].value == str[j]) {
                    //unitTypeCheckbox[i].value = unitType[j];
                    unitTypeCheckbox[i].checked = true;
                }
            }
        }
    }
    
    //获取状态
    $(".对象").prop("checked");  返回布尔值
    $('#checkbox-id').is(':checked')
    
    //多选变单选
    form.on('checkbox(card)', function(data){
       $("#card [type='checkbox']").each(function(){
          this.checked=false;
       });
       $(this).prop('checked',true);
       //多个多选变单选 需要加重新渲染
       form.render('checkbox');
     });
     
    //多选变单选2
    form.on('checkbox(card)', function(data){
        $('input[name="card"]').prop("checked",false);
        $(this).prop('checked',true);
        form.render('checkbox');
     });


    关注"都市百货" 了解南陵

    微信咨询wanglf2r(不拉群 发广告者勿加)

    0
    0
    上一篇:南陵小伙深夜醉酒睡在马路边 被好心人报警 上一篇:layui 表格

    评论已有0

    提交评论

    热门评论

    南陵新闻
    公示公告
    常用查询
    风光南陵
    走出南陵
    友情链接