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>
  2. 监听选中

    <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 6, 2020
如果觉得我的文章对你有用,请随意赞赏