#507: disabled options and clickable optgroups.

dist/js/bootstrap-multiselect.js

@@ -633,7 +633,7 @@
 
                     // Search all option in optgroup
                     var $options = group.nextUntil('li.multiselect-group');
-                    var $visibleOptions = $options.filter(":visible");
+                    var $visibleOptions = $options.filter(":visible:not(.disabled)");
 
                     // check or uncheck items
                     var allChecked = true;

index.html

@@ -147,7 +147,7 @@
                             </div>
                         </li>
                     </ol>
-
+                    
                     <div class="page-header">
                         <h2 id="configuration-options">Configuration Options</h2>
                     </div>
@@ -414,6 +414,43 @@
 &lt;/script&gt;
 </pre>
                                     </div>
+                                    
+                                    <p>
+                                        Note that this option does also work with disabled options:
+                                    </p>
+                                    
+                                    <div class="example">
+                                        <script type="text/javascript">
+                                            $(document).ready(function() {
+                                                $('#example-enableClickableOptGroups-disabled').multiselect({
+                                                    enableClickableOptGroups: true,
+                                                    includeSelectAllOption: true
+                                                });
+                                            });
+                                        </script>
+                                        <select id="example-enableClickableOptGroups-disabled" multiple="multiple">
+                                            <optgroup label="Group 1">
+                                                <option value="1-1" disabled>Option 1.1</option>
+                                                <option value="1-2" selected="selected">Option 1.2</option>
+                                                <option value="1-3" selected="selected">Option 1.3</option>
+                                            </optgroup>
+                                            <optgroup label="Group 2">
+                                                <option value="2-1" disabled>Option 2.1</option>
+                                                <option value="2-2">Option 2.2</option>
+                                                <option value="2-3">Option 2.3</option>
+                                            </optgroup>
+                                        </select>
+                                    </div>
+                                    <div class="highlight">
+<pre class="prettyprint linenums">
+&lt;script type=&quot;text/javascript&quot;&gt;
+    $(document).ready(function() {
+        $('#example-enableClickableOptGroups-disabled').multiselect({
+            enableClickableOptGroups: true
+        });
+    });
+&lt;/script&gt;
+</pre>
                                 </td>
                             </tr>
                             <tr>