1. 以下为部分重要代码
//多选
<div class="layui-form-item">
    <label class="layui-form-label">
        <span class="x-red">*</span>配套设施</label>
    <div>
        <input type="checkbox" class="fang_config_data" name="fang_config[]" value="22">
        <div class="layui-unselect layui-form-checkbox layui-form-checked"><i class="layui-icon layui-icon-ok"></i>
        </div>
        热水器
        <input type="checkbox" class="fang_config_data" name="fang_config[]" value="23">
        <div class="layui-unselect layui-form-checkbox layui-form-checked"><i class="layui-icon layui-icon-ok"></i>
        </div>
        双人床
        <input type="checkbox" class="fang_config_data" name="fang_config[]" value="24">
        <div class="layui-unselect layui-form-checkbox layui-form-checked"><i class="layui-icon layui-icon-ok"></i>
        </div>
        冰箱
    </div>
</div>
//单选
<div class="layui-form-item">
    <label class="layui-form-label"><span class="x-red">*</span>状态</label>
    <div class="layui-input-block">
        <input type="radio" name="fang_status" value="1" lay-skin="primary" title="是">
        <input type="radio" name="fang_status" value="0" lay-skin="primary" title="否">
    </div>
</div>
  1. 监听选中
<script>
    layui.use(['form'], function(){
        var  form = layui.form;
        // 监听全选
        form.on('checkbox(checkall)', function(data){
            if(data.elem.checked){
                $('tbody input').prop('checked',true);
            }else{
                $('tbody input').prop('checked',false);
            }
            form.render('checkbox');
        });
        function init()
        {
            //多选初始化选中
            var checkboxJson = "22,23,24".split(',');//此处为从后台获取
            var obj = $('.fang_config_data');
            obj.map(function (index,value) {
                var v = $(value).val();
                if ($.inArray(v, checkboxJson) != -1) {
                    $(value).next('div').addClass('layui-form-checked');
                }
            });
            //单选初始化选中
            var fang_status = "1";//此处为从后台获取,这里默认存储为1
            var bass_obj = $("input[name=fang_status][value='" + fang_status + "']").next('div');
            bass_obj.addClass('layui-form-radioed');
            bass_obj.children('i').addClass('layui-anim-scaleSpring');
            bass_obj.children('i').text('');
            form.render('select');
        }
        init();
    });
</script>

关注友儿不迷路

Last modification:September 6th, 2020 at 10:24 am
如果觉得我的文章对你有用,请随意赞赏