有的时候我们需要根据数据库中的值来确定复选框的数量,这时就需要动态的渲染复选框了,步骤如下。
首先,HTML要留有复选框的位置:
<div class="layui-form-item">
<label class="layui-form-label">交通控制方式</label>
<div id="JTKZFS" name="JTKZFS" class="layui-input-block">
</div>
</div>
然后在js中添加ajax代码(不是ajax也可以)
//渲染复选框
$.ajax({
url: Feng.ctxPath + "/Information/dicdata", //请求的路径
data: {dic:"DIC_JTXHFS"}, //传给后台的数据
type: 'POST',
dataType: 'json',
success: function (datas) { //datas 接受到的数据
var $city = $("#JTKZFS");
$city.empty();
for(var i = 0; i < datas.length; i++) {
$city.append("<input type='checkbox' name='signalType' value="+datas[i].id+" title="+datas[i].name+" />");
}
form.render(); //这一步非常重要,不然他不会显示
}
});
效果图: