在很多頁(yè)面都會(huì)需要根據(jù)加載的數(shù)據(jù)來(lái)控制checkbox是否選中，以前的方法在這個(gè)UI里并不適用，現(xiàn)貼下兩種代碼供大家參考。
前提條件：該字段在數(shù)據(jù)庫(kù)中是以“，”間隔的字符串，如：“WIFI,電視,有線(xiàn)寬帶”
第一種：普通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)網(wǎng)站的支持！
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注
