Example for #484.

dist/js/bootstrap-multiselect.js

@@ -1098,7 +1098,7 @@
             var justVisible = typeof justVisible === 'undefined' ? true : justVisible;
             
             if(justVisible) {              
-                var visibleCheckboxes = $("li input[type='checkbox']:enabled", this.$ul).filter(":visible");
+                var visibleCheckboxes = $("li input[type='checkbox']:not(:disabled)", this.$ul).filter(":visible");
                 visibleCheckboxes.prop('checked', false);
                 
                 var values = visibleCheckboxes.map(function() {

index.html

@@ -3891,6 +3891,58 @@ $(document).ready(function() {
 <select id="example-large-dataprovider" multiple="multiple"></select>
 </pre>
                     
+                    <p>
+                        The following example illsutrates how to disable options using JavaScript.
+                    </p>
+                    
+                    <div class="example">
+                        <script type="text/javascript">
+                            $(document).ready(function() {
+                                $('#example-disable-javascript').multiselect({
+                                    includeSelectAllOption: true
+                                });
+
+                                $('#example-disable-javascript-disable').on('click', function() {
+                                    var input = $('#example-disable-javascript-container input[value="3"]');
+                                    var option = $('#example-disable-javascript-container option[value="3"]');
+
+                                    input.prop('disabled', true);
+                                    option.prop('disabled', true);
+
+                                    input.parent('label').parent('a').parent('li').addClass('disabled');
+                                });
+
+                                $('#example-disable-javascript-check').on('click', function() {
+                                    var options = '';
+                                    $('#example-disable-javascript option:selected').each(function() {
+                                        options += $(this).val() + ', ';
+                                    });
+
+                                    alert(options.substr(0, options.length - 2));
+                                });
+                            });
+                        </script>
+                        <div class="btn-group" id="example-disable-javascript-container">
+                            <select id="example-disable-javascript" multiple="multiple">
+                                <option value="1">Option 1</option>
+                                <option value="2">Option 2</option>
+                                <option value="3">Option 3</option>
+                                <option value="4">Option 4</option>
+                                <option value="5">Option 5</option>
+                                <option value="6">Option 6</option>
+                            </select>
+                            <button id="example-disable-javascript-disable" class="btn btn-primary">Disable an option!</button>
+                            <button id="example-disable-javascript-check" class="btn btn-primary">Check</button>
+                        </div>
+                    </div>
+                    <div class="highlight">
+<pre class="prettyprint linenums">
+$(document).ready(function() {
+    $('#example-disable-javascript').multiselect();
+});
+&lt;select id=&quot;example-disable-javascript&quot; multiple=&quot;multiple&quot;&gt;&lt;/select&gt;
+</pre>
+                        
                     <div class="page-header">
                         <h2 id="post">Server-Side Processing</h2>
                     </div>