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
以上就介绍了bootstrap 设置checkbox部分选中效果，包括了方面的内容，希望对Javascript教程有兴趣的朋友有所帮助。如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对小牛知识库网站的支持！
-
Bootstrap Checkbox 是复选框组件，基于 Bootstrap 框架。在线演示
-
本文向大家介绍Android CheckBox中设置padding无效解决办法，包括了Android CheckBox中设置padding无效解决办法的使用技巧和注意事项，需要的朋友参考一下 Android CheckBox中设置padding无效解决办法 CheckBox使用本地图片资源 CheckBox是Android中用的比较多的一个控件，不过它自带的button样式比较丑，通常都会替换成本
-
本文向大家介绍让checkbox不选中即将选中的checkbox不选中，包括了让checkbox不选中即将选中的checkbox不选中的使用技巧和注意事项，需要的朋友参考一下 今天在做项目的时候，遇到一个问题。需要把选中的checkbox置空，即将选中的checkbox不选中。最后，发现一个方法很好使，特此记录。 原理：循环每一个type为checkbox的input，若其是选中状态，就将他的ch
-
本文向大家介绍浅谈jquery设置和获得checkbox选中的问题，包括了浅谈jquery设置和获得checkbox选中的问题的使用技巧和注意事项，需要的朋友参考一下 1. 设置checkbox选中： 2. 通过点击修改checkbox的选中项 3. 获得checkbox中的选中值 以上这篇浅谈jquery设置和获得checkbox选中的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也
-
本文向大家介绍利用Bootstrap实现表格复选框checkbox全选，包括了利用Bootstrap实现表格复选框checkbox全选的使用技巧和注意事项，需要的朋友参考一下 首先来看看实现的效果图： HTML中无需添加额外的一列来表示复选框，而是由JS完成，所以正常的表格布局就行了： 重点是JS的实现。复选框很小，不容易点到，所以点击每一行也可以选中该行，并用高亮一些CSS样式表示。点击复选框所
-
本文向大家介绍jquery中checkbox全选失效的解决方法，包括了jquery中checkbox全选失效的解决方法的使用技巧和注意事项，需要的朋友参考一下 如果你使用jQuery 1.6 ，代码if ( $(elem).attr(“checked”) )，将获得一个属性(attribute) ，它不改变该复选框被选中和选中。它只是用来存储默认或选中属性的初始值。为了保持向后兼容，.attr()