bootstrap 设置checkbox部分选中效果
更新时间：2017年04月20日 09:36:20 投稿：mrr
本篇文章主要介绍了bootstrap 设置checkbox部分选中效果，主要涉及到js各个方面的内容，对于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教程有兴趣的朋友有所帮助。如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
js超时调用setTimeout和间歇调用setInterval实例分析
这篇文章主要介绍了js超时调用setTimeout和间歇调用setInterval,以实例形式对比分析了setTimeout与setInterval的具体使用技巧,非常具有实用价值,需要的朋友可以参考下2015-01-01
javascript自定义startWith()和endWith()的两种方法
js中自定义startWith()和endWith()方法有两种，在本文将为大家详细介绍下，感兴趣的朋友不要错过2013-11-11
下面小编就为大家带来一篇JS实现动态增加和删除li标签行的实例代码。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-10-10
这篇文章主要介绍了JS访问SWF的函数用法,实例分析了javascript访问swf文件的方法及易错点的处理技巧,需要的朋友可以参考下2015-07-07
这篇文章主要给大家介绍了关于JavaScript中for循环与双重for循环的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-03-03
这篇文章主要为大家详细介绍了微信小程序实现倒计时，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-05-05
DHTML form validation...2007-03-03
这篇文章主要为大家详细介绍了javascript实现缓动动画效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-09-09
闭包，官方对闭包的解释是：一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分2016-02-02
这篇文章主要介绍了JS变量提升及函数提升实例解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-09-09
最新评论