在很多頁(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)注