bootstrap 設(shè)置checkbox部分選中效果

發(fā)布時(shí)間：2020-10-14 13:46:59 來源：腳本之家閱讀：262 作者：mrr 欄目：web開發(fā)

在很多頁面都會(huì)需要根據(jù)加載的數(shù)據(jù)來控制checkbox是否選中，以前的方法在這個(gè)UI里并不適用，現(xiàn)貼下兩種代碼供大家參考。

前提條件：該字段在數(shù)據(jù)庫中是以“，”間隔的字符串，如：“WIFI,電視,有線寬帶”

第一種：普通checkbox

 var servicesArray = data.Services.split(",");//數(shù)據(jù)庫里獲取到的值
          $("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é)果如下：

bootstrap 設(shè)置checkbox部分選中效果

End

以上就介紹了bootstrap 設(shè)置checkbox部分選中效果，包括了方面的內(nèi)容，希望對Javascript教程有興趣的朋友有所幫助。如果大家有任何疑問請給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對億速云網(wǎng)站的支持！

向AI問一下細(xì)節(jié)

bootstrap 設(shè)置checkbox部分選中效果

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽