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不允许我检查默认情况下未检查的列表项

回答

相关问题