layui的checkbox/redio选择处理和修改初始化问题

以下为部分重要代码

代码语言：javascript复制

//多选
<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>

监听选中

代码语言：javascript复制

<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>

checkbox layui

0 人点赞