以下为部分重要代码
//多选 <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>
监听选中
<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
© Allow specification reprint
Comment here is closed