带有 jquery 和引导多选的三态复选框答案

【问题标题】：Tri state checkboxes with jquery and bootstrap multiselect带有 jquery 和引导多选的三态复选框
【发布时间】：2013-10-03 07:11:24
【问题描述】：

我正在使用 jquery 引导多选 http://davidstutz.github.io/bootstrap-multiselect/ 。在一个棘手的要求出现之前，我对这个插件非常满意。我的多选与下面的类似

        <select id="example4" multiple="multiple" style="display: none;">
            <option value="cheese">Cheese</option>
            <option value="tomatoes">Tomatoes</option>
            <option value="mozarella">Mozzarella</option>
            <option value="mushrooms">Mushrooms</option>
            <option value="pepperoni">Pepperoni</option>
            <option value="onions">Onions</option>
        </select>

我的要求是我收到一个用户列表，其中每个用户都有偏好。例如：user1 喜欢奶酪和西红柿，user2 喜欢西红柿、蘑菇和洋葱。因此，单击下拉菜单时应预先选择所有四个选项。应检查西红柿选项，并应在中间状态下检查其他选项。我需要像http://css-tricks.com/indeterminate-checkboxes/ 这样的东西（顺便说一句，效果很棒）。我尝试通过编写

来通过 javascript 操作复选框

             //leaving out the unnecessary code
              cb = $("#multiselectObj").find('input[value="'+objValue+'"]');
              $(cb).prop("indeterminate", true);

但是上面的代码似乎没有任何效果。我什至可以在选择选项中有任何三态吗？有没有办法解决这个问题，或者我应该使用完全不同的插件？非常感谢专家的任何帮助。

【问题讨论】：

标签： javascript jquery twitter-bootstrap multi-select

【解决方案1】：

（由问题中的编辑回答。转换为社区 wiki 答案。见Question with no answers, but issue solved in the comments (or extended in chat)）

OP 写道：

找到了解决方案：我从当前的多选 obj 中得到了下一个 div 并得到了复选框。它有效。

       function findDropdownCheckbox(ele, chkValue){
              divs = $(ele).next();
              cb = $(divs).find('input[value="'+chkValue+'"]');
              //console.log("divvvvvvvvvsss -");
              //console.log(cb);
              return cb;
       }

【讨论】：