本来是一件简单的赋值、取值、修改样式,很简单的事情,却花费了我两个多小时才搞定的一个功能。在此记录我遇到的坑。
我需要实现一个动态加载复选框的功能。实现思路是通过ajax获取调用后台代码返回json数据,给相应的位置创建checkbox的html代码。
第一个坑、动态设置CheckBox 后,无渲染
$.ajax({
url: "@Url.Action("GetResourceList")?length=" + @int.MaxValue,
async: true,
dataType: 'json',
success: function (data) {
var divProduct='';
if (data!=null&&data.code==1&&data.rows != null) {
$.each(data.rows, function (i, n) {
divProduct+= '<label class="control-label"><input type="checkbox" name="PRODUCT" class="form-control" value="'+ n.ATTRIBUTEID +'"/>'+ n.ATTRIBUTENAME+'</label>'