如何取消选择多选小部件中的所有选项

Question

我正在使用 jquery 多选小部件。如果所有这些都是手动检查的，我想取消选中所有。我有一个示例代码 JSFiddle--> Code

这不起作用。当手动选择选择选项时，请检查选择中没有未选中的选项，它第一次给我 1（单击最后一个选项）。所以我检查了$this.children("option").not('[selected]').length 是否为1 和ui.checked 并调用uncheckAll 但在那之后它的行为正确的代码 如果$this.children("option").not('[selected]').length在选择最后一个时给我0。

我想知道发生了什么。

Answer 1

好吧，这就是您想要的解决方案...检查 documentation ，有方法 getChecked 可以得到 selected options。你的不工作，因为插件重新格式化选择元素。

$('.multi').multiselect({
    click: function(e, ui){
    if($(this).multiselect("getChecked").length  
                              == $('select.multi > option').length){
       $(this).multiselect("uncheckAll");    
    }        
  }
});

小提琴示例： http://jsfiddle.net/fG6PT/11/

Answer 2

$("#multiselectelement").multiselect("uncheckAll");