对HTML动态复选框赋值

怎样写动态复选框参考我的博客

在编辑页面要求我们对动态复选框赋初始值，这个时候需要转变思路，将动态框的渲染和默认赋值写在一起，节省了很多麻烦。

首先还是在HTML页面中留出复选框的位置：

<div class="layui-form-item">
    <label class="layui-form-label">交通控制方式</label>
    <div class="layui-input-block" id="JTKZFS" name="JTKZFS">
    <input type="checkbox">
    </div>
</div>

在js中渲染表格：

var type = result.data.signalType;          //获取比对值
var strs= [];
for (var i = 0; i < type.length; i++) {
    strs[i] = type[i];
}
strs=type.split(""); //字符分割

  //渲染复选框
 $.ajax({
     url: Feng.ctxPath + "/Information/dicdata",
     data: {dic:"DIC_JTXHFS"},
     type: 'POST',
     dataType: 'json',
     success: function (datas) {
         var $city = $("#JTKZFS");
         $city.empty();
         var flag;
         for(var i = 0; i < datas.length; i++) {
              flag = 0;
              for (var j = 0; j < strs.length; ++j) {
             		 if (datas[i].id == strs[j]){
                  			$city.append("<input type='checkbox' id='signalType' name='signalType' value="+datas[i].id+" title="+datas[i].name+" checked />");      //如果匹配上了就选中
                  			flag = 1;
              		 }
         		}	
                if (flag==0){
                    $city.append("<input type='checkbox' id='signalType' name='signalType' value="+datas[i].id+" title="+datas[i].name+" />");
                }
            }
            form.render();
        }
    });

其实步骤跟之前差不多，就是多了一个判断选中的步骤

效果图如下：