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选中  # 设置checkbox选中  # Bootstrap3 多选和单选框(checkbox)  # 利用Bootstrap实现表格复选框checkbox全选  # 详解Bootstrap的iCheck插件checkbox和radio  # 在这个  # 在此  # 两种  # 有兴趣  # 数据库中  # 第二种  # 小编  # 第一种  # 给我留言  # 感谢大家  # 前提条件  # 库里  # 疑问请  # 有任何  # 加载  # text  # pre  # WIFI  # strong  # js 

相关文章： 学校免费自助建站系统：智能生成+拖拽设计+多端适配  济南网站制作的价格,历城一职专官方网站？  建站之星如何保障用户数据免受黑客入侵？  网站制作的方法有哪些,如何将自己制作的网站发布到网上？  c# 在高并发场景下，委托和接口调用的性能对比  建站之星后台管理如何实现高效配置？  如何撰写建站申请书？关键要点有哪些？  ,制作一个手机app网站要多少钱？  如何获取开源自助建站系统免费下载链接？  大连网站制作费用,大连新青年网站，五年四班里的视频怎样下载啊？  如何配置IIS站点权限与局域网访问？  如何通过虚拟机搭建网站？详细步骤解析  如何打造高效商业网站？建站目的决定转化率  品牌网站制作公司有哪些,买正品品牌一般去哪个网站买？  C++用Dijkstra(迪杰斯特拉)算法求最短路径  胶州企业网站制作公司,青岛石头网络科技有限公司怎么样？  做企业网站制作流程,企业网站制作基本流程有哪些？  中山网站制作网页,中山新生登记系统登记流程？  网站制作软件免费下载安装,有哪些免费下载的软件网站？  儿童网站界面设计图片,中国少年儿童教育网站-怎么去注册？  jQuery 常见小例汇总  如何快速使用云服务器搭建个人网站？  天河区网站制作公司,广州天河区如何办理身份证？需要什么资料有预约的网站吗？  宁波自助建站系统如何快速打造专业企业网站？  建站主机默认首页配置指南：核心功能与访问路径优化  如何在万网ECS上快速搭建专属网站？  公司门户网站制作公司有哪些,怎样使用wordpress制作一个企业网站？  如何处理“XML格式不正确”错误 常见XML well-formed问题解决方法  c# 在高并发下使用反射发射（Reflection.Emit）的性能  云南网站制作公司有哪些,云南最好的招聘网站是哪个？  孙琪峥织梦建站教程如何优化数据库安全？  网站设计制作书签怎么做,怎样将网页添加到书签/主页书签/桌面？  大连 网站制作,大连天途有线官网？  如何通过建站之星自助学习解决操作问题？  免费制作统计图的网站有哪些,如何看待现如今年轻人买房难的情况？  如何彻底卸载建站之星软件？  山东网站制作公司有哪些,山东大源集团官网？  北京企业网站设计制作公司,北京铁路集团官方网站？  如何在景安服务器上快速搭建个人网站？  如何通过VPS建站实现广告与增值服务盈利？  定制建站方案优化指南：企业官网开发与建站费用解析  如何在Golang中引入测试模块_Golang测试包导入与使用实践  开源网站制作软件,开源网站什么意思？  Java解压缩zip - 解压缩多个文件或文件夹实例  赚钱网站制作软件,建一个网站怎样才能赚钱?是如何盈利的？  韩国代理服务器如何选？解析IP设置技巧与跨境访问优化指南  上海网站制作网站建设公司,建筑电工证网上查询系统入口？  如何快速搭建FTP站点实现文件共享？  如何在Ubuntu系统下快速搭建WordPress个人网站？  营销式网站制作方案,销售哪个网站招聘效果最好？