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 

相关文章： 移动端手机网站制作软件,掌上时代，移动端网站的谷歌SEO该如何做？  javascript中对象的定义、使用以及对象和原型链操作小结  建站之星3.0如何解决常见操作问题？  香港服务器租用每月最低只需15元？  如何在局域网内绑定自建网站域名？  如何快速启动建站代理加盟业务？  如何通过IIS搭建网站并配置访问权限？  微信小程序 input输入框控件详解及实例（多种示例）  如何通过远程VPS快速搭建个人网站？  如何通过网站建站时间优化SEO与用户体验？  网站制作话术技巧,网站推广做的好怎么话术？  建站之星后台密码遗忘或太弱？如何重置与强化？  如何在IIS中新建站点并配置端口与物理路径？  宝塔新建站点报错如何解决？  如何快速搭建自助建站会员专属系统？  如何零基础开发自助建站系统？完整教程解析  如何高效完成独享虚拟主机建站？  建站之星北京办公室：智能建站系统与小程序生成方案解析  如何通过wdcp面板快速创建网站？  如何在七牛云存储上搭建网站并设置自定义域名？  高防服务器租用指南：配置选择与快速部署攻略  如何用搬瓦工VPS快速搭建个人网站？  宝塔建站后网页无法访问如何解决？  如何用虚拟主机快速搭建网站？详细步骤解析  广东企业建站网站优化与SEO营销核心策略指南  专业企业网站设计制作公司,如何理解商贸企业的统一配送和分销网络建设？  南京网站制作费用,南京远驱官方网站？  如何在搬瓦工VPS快速搭建网站？  想学网站制作怎么学,建立一个网站要花费多少？  建站主机无法访问？如何排查域名与服务器问题  美食网站链接制作教程视频,哪个教做美食的网站比较专业点？  企业网站制作费用多少,企业网站空间一般需要多大，费用是多少？  完全自定义免费建站平台：主题模板在线生成一站式服务  如何基于云服务器快速搭建网站及云盘系统？  建站主机如何选？高性价比方案全解析  制作营销网站公司,淘特是干什么用的？  如何在Golang中引入测试模块_Golang测试包导入与使用实践  网站制作费用多少钱,一个网站的运营，需要哪些费用？  如何注册花生壳免费域名并搭建个人网站？  网站制作免费,什么网站能看正片电影？  如何在Windows服务器上快速搭建网站？  免费制作海报的网站,哪位做平面的朋友告诉我用什么软件做海报比较好?ps还是cd还是ai这几个软件我都会些我是做网页的？  如何选择适配移动端的WAP自助建站平台？  济南网站制作的价格,历城一职专官方网站？  建站主机解析：虚拟主机配置与服务器选择指南  外汇网站制作流程,如何在工商银行网站上做外汇买卖？  如何快速搭建高效可靠的建站解决方案？  如何配置IIS站点权限与局域网访问？  定制建站是什么？如何实现个性化需求？  建站VPS推荐：2025年高性能服务器配置指南