昨天用jQuery和bootstrap實現(xiàn)下拉菜單復(fù)選框，今天把做好的demo組合進項目里，發(fā)現(xiàn)有點bug，就是點擊銀行復(fù)選框的時候，每點一次dropdown-menu這個div會立即隱藏，這就導(dǎo)致每次只能選一個。

創(chuàng)新互聯(lián)公司公司2013年成立，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項目成都網(wǎng)站設(shè)計、成都網(wǎng)站制作、外貿(mào)網(wǎng)站建設(shè)網(wǎng)站策劃，項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命，1280元昔陽做網(wǎng)站,已為上家服務(wù),為昔陽各地企業(yè)和個人服務(wù),聯(lián)系電話:028-86922220

這應(yīng)該是事件傳播的原因，代碼修改如下：

var banks = $('.all').siblings().children();
$('.all>input').click(function() {
  var flag = $(this).prop('checked');
  banks.prop('checked', flag);
})

// 阻止事件傳播, 否則在點擊復(fù)選框的時候，dropdown-menu這個div會立即隱藏
$('.dropdown-menu label').click(function(e) {
  e.stopPropagation();
});
banks.click(function() {
  // 如果有一個沒選中，全選按鈕不選中
  // 如果全部選中，全選按鈕被選中
  var num = 0;
  banks.each(function() {
    if ($(this).prop("checked")) {
      num++;
    }
  })
  if (num == banks.length) {
    $('.all>input').prop('checked', true);
  } else {
    $('.all>input').prop('checked', false);
  }
})

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)建站www.cdcxhl.com，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

分享標(biāo)題：解決bootstrap下拉菜單點擊立即隱藏bug的方法-創(chuàng)新互聯(lián)
當(dāng)前URL：http://weahome.cn/article/cdeddi.html