Question

我正在尝试使用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。我希望有人现在可以知道答案。

如果此部分内容不明确请发表评论。

Answer 1

如果您添加以下库，它应该可以正常工作。

<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>

Bootstrap Multiselect不允许我检查默认情况下尚未检查的列表项

1 个答案: