Question

我有很多jQuery插件，但是当我在我的bootstrap项目中尝试时，它无效。你能否建议我使用带有源代码的JSP示例中的带有复选框的Bootstrap multiselect下拉列表。

我正在使用下面的代码..它在我的模板中不起作用。它只显示简单的下拉。

<select id="lstFruits" multiple="multiple">
    <option value="1">Mango</option>
    <option value="2">Apple</option>
    <option value="3">Banana</option>
    <option value="4">Guava</option>
    <option value="5">Orange</option>
</select>
<input type="button" id="btnSelected" value="Get Selected" />    

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<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>

Answer 1

上面的代码示例（已编辑，最新）似乎对我有效。请注意，Bootstrap Multiselect插件推荐使用jQuery 2.x或1.10.x;你正在使用1.8.3。

此外，对于您要完成的任务，可能不需要包裹$(function() { ... });。

使用带选中复选框的多选滴

1 个答案: