Verwenden Sie Multiselect dropown mit Kontrollkästchen

Question

Ich habe viele jQuery-Plugin, aber wenn ich in meinem Bootstrap-Projekt versucht, funktioniert es nicht. Könnten Sie bitte vorschlagen Bootstrap multiselect Drop-Down mit Checkbox in JSP-Beispielen mit Quellcode.

Ich benutze unten Code..es funktioniert nicht in meiner Vorlage. Es zeigt nur einfaches Dropdown.

<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

Das obige Codebeispiel (bearbeitet, zuletzt) ​​scheint für mich ordnungsgemäß zu funktionieren. Beachten Sie, dass das Bootstrap-Multiselect-Plugin jQuery 2.x oder 1.10.x empfiehlt; Sie verwenden 1.8.3.

Auch die Verpackung $(function() { ... }); ist wahrscheinlich nicht notwendig für das, was Sie erreichen möchten.