java checkbox回显选中_bootstrap之 checkbox 值回显， 选中。

在很多页面都会需要根据加载的数据来控制checkbox是否选中，以前的方法在这个UI里并不适用，现贴下两种代码供大家参考。

前提条件：该字段在数据库中是以“，”间隔的字符串，如：“WIFI,电视,有线宽带”

第一种：普通checkbox

var servicesArray = data.Services.split(",");//数据库里获取到的值

$("input[type=checkbox][name=chkServices]").each(function (i, e) {

for (var i = 0; i < servicesArray.length; i++) {

if ($(this).val() == servicesArray[i]) {

$(this).checked = true;//这里是直接设置checked为true

}

}

});

第二种：bootstrap里的checkbox

var servicesArray = data.Services.split(",");

$("input[type=checkbox][name=chkServices]").each(function (i, e) {

for (var i = 0; i < servicesArray.length; i++) {

if ($(this).val() == servicesArray[i]) {

$(this).iCheck('check');

}

}

});

结果如下：

End

---------------------

作者：nnn_net

来源：CSDN

原文：https://blog.csdn.net/nnn_net/article/details/70238560

版权声明：本文为博主原创文章，转载请附上博文链接！