Bootstrap Multiselect不允許我檢查默認情況下未檢查的列表項

我正在嘗試使用Bootstrap Multiselect。我正在嘗試使用其中一個示例。這是代碼。Bootstrap Multiselect不允許我檢查默認情況下未檢查的列表項

<script type="text/javascript"> 
$(function() { 
    $('#lstFruits').multiselect({ 
     includeSelectAllOption: true 
    }); 
}); 
</script> 

<select id="lstFruits" multiple="multiple"> 
    <option value="cheese" selected>Cheese</option> 
    <option value="tomatoes">Tomatoes</option> 
    <option value="mozarella">Mozzarella</option> 
    <option value="mushrooms" selected>Mushrooms</option> 
    <option value="pepperoni" selected>Pepperoni</option> 
    <option value="onions">Onions</option> 
</select>

它顯示在頁面上，並且我選擇硬編碼進行檢查。但是，當我嘗試點擊其他選項的複選框，選擇它們時，複選框不檢查（我希望這是有道理的）。它基本上不允許我檢查默認情況下未檢查的任何內容。

我看起來有人有類似的問題here。我希望有人現在可能知道答案。

如果有任何部分不清楚，請發表評論。

來源

2015-10-05 Ryan DuShane

見[這裏]（http://jsfiddle.net/taleebanwar/vfy1tj5j/）。它看起來像預期的那樣工作。請確保你沒有錯過任何js/css，並且多選js包含在bootstrap.js之後（只是猜測）。 – Taleeb

@Taleeb是的，我已經檢查過了。我從涼亭中抽出多個選項，並自動將它放在那裏。 –

那麼...一些澄清然後 - 你看到控制檯中的任何錯誤？你使用任何其他的js庫嗎？你有一些其他複選框寫的jquery代碼可能在這裏相沖突嗎？ – Taleeb

這是它應該工作正常，如果你添加以下庫的代碼片段。

<link href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/css/bootstrap.min.css" 
    rel="stylesheet" type="text/css" /> 


<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script> 

<link href="http://cdn.rawgit.com/davidstutz/bootstrap-multiselect/master/dist/css/bootstrap-multiselect.css" 
    rel="stylesheet" type="text/css" /> 

<script src="http://cdn.rawgit.com/davidstutz/bootstrap-multiselect/master/dist/js/bootstrap-multiselect.js" 
    type="text/javascript"></script> 
<script type="text/javascript"> 
    $(function() { 
     $('#lstFruits').multiselect({ 
      includeSelectAllOption: true 
     }); 

    }); 
</script> 
<select id="lstFruits" multiple="multiple"> 
    <option value="cheese" selected>Cheese</option> 
    <option value="tomatoes">Tomatoes</option> 
    <option value="mozarella">Mozzarella</option> 
    <option value="mushrooms" selected>Mushrooms</option> 
    <option value="pepperoni" selected>Pepperoni</option> 
    <option value="onions">Onions</option> 
</select>

來源

2016-01-04 14:40:20 3bu1

Bootstrap Multiselect不允許我檢查默認情況下未檢查的列表項

回答

相關問題