bootstrap 設(shè)置checkbox部分選中效果
更新時(shí)間：2017年04月20日 09:36:20 投稿：mrr
本篇文章主要介紹了bootstrap 設(shè)置checkbox部分選中效果，主要涉及到j(luò)s各個(gè)方面的內(nèi)容，對(duì)于bootstrap設(shè)置checkbox選中效果感興趣的朋友可以參考一下吧
在很多頁(yè)面都會(huì)需要根據(jù)加載的數(shù)據(jù)來(lái)控制checkbox是否選中，以前的方法在這個(gè)UI里并不適用，現(xiàn)貼下兩種代碼供大家參考。
前提條件：該字段在數(shù)據(jù)庫(kù)中是以“，”間隔的字符串，如：“WIFI,電視,有線寬帶”
第一種：普通checkbox
var servicesArray = data.Services.split(",");//數(shù)據(jù)庫(kù)里獲取到的值
$("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;//這里是直接設(shè)置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');
}
}
});
結(jié)果如下：
End
以上就介紹了bootstrap 設(shè)置checkbox部分選中效果，包括了方面的內(nèi)容，希望對(duì)Javascript教程有興趣的朋友有所幫助。如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
JavaScript腳本文件都放在頁(yè)面底部加載，可以有效地加快頁(yè)面的加載速度，下面為大家介紹下書(shū)寫(xiě)時(shí)的注意事項(xiàng)2013-07-07
javascript實(shí)現(xiàn)簡(jiǎn)單的全選和反選功能
這篇文章主要介紹了javascript實(shí)現(xiàn)簡(jiǎn)單的全選和反選功能的相關(guān)資料,需要的朋友可以參考下2016-01-01
js中scrollTop()方法和scroll()方法用法示例
這篇文章主要介紹了js中scrollTop()方法和scroll()方法用法,結(jié)合實(shí)例形式分析了scrollTop()方法和scroll()方法滾動(dòng)操作的用法與相關(guān)操作技巧,需要的朋友可以參考下2016-10-10
JS實(shí)現(xiàn)設(shè)置ff與ie元素絕對(duì)位置的方法
這篇文章主要介紹了JS實(shí)現(xiàn)設(shè)置ff與ie元素絕對(duì)位置的方法,涉及JavaScript針對(duì)頁(yè)面元素及元素屬性的相關(guān)操作技巧,需要的朋友可以參考下2016-03-03
JavaScript 事件屬性綁定帶參數(shù)的函數(shù)
在JavaScript中，為了實(shí)現(xiàn)表現(xiàn)和控制相分離，可以通過(guò)0級(jí)的DOM事件屬性或者2級(jí)的事件模型來(lái)實(shí)現(xiàn)，不過(guò)這兩者在針對(duì)某個(gè)事件類(lèi)型調(diào)用相應(yīng)的事件句柄的時(shí)候，不能給事件句柄提供參數(shù)，也就是說(shuō)，事件屬性的值只能是一個(gè)函數(shù)引用。2009-03-03
JavaScript中輸出信息的方法(信息確認(rèn)框-提示輸入框-文檔流輸出)
這篇文章主要介紹了JavaScript中輸出信息的方法(信息確認(rèn)框-提示輸入框-文檔流輸出)的相關(guān)資料,需要的朋友可以參考下2016-06-06
js實(shí)現(xiàn)數(shù)字每三位加逗號(hào)的方法
這篇文章主要介紹了js實(shí)現(xiàn)數(shù)字每三位加逗號(hào)的方法,以實(shí)例形式講述了js實(shí)現(xiàn)數(shù)字每三位加逗號(hào)的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02
頁(yè)面上，用戶會(huì)有很多的操作 ，每進(jìn)行一次操作我們需要去展示操作的結(jié)果，在這里我們有了一個(gè)問(wèn)題，我們應(yīng)如何去展示不同的結(jié)果呢？2010-04-04
javascript實(shí)現(xiàn)二叉樹(shù)的代碼
本篇文章主要介紹了javascript實(shí)現(xiàn)二叉樹(shù)的代碼，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-06-06
主要是獲取頁(yè)面元素的一些信息，所以明名為window.js,想要學(xué)習(xí)的朋友可以參考下。2009-12-12