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

Question

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

这行不通。当手动选择选择选项时，检查选择中是否有未选中的选项，它第一次给我 1 (在单击最后一个选项时)。所以我检查了 $this.children("option").not('[selected]').length 是否为 1 和 ui.checked 并调用 取消选中全部但之后它的代码表现正常if $this.children("option").not('[selected]').length 在选择最后一个时给我 0。

我想知道发生了什么。

Answer 1

好吧，这就是您想要的解决方案...检查 documentation ，有方法 getChecked 来获取选定的选项。你的不起作用，因为插入重新格式化了选择的元素。

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

fiddle 示例: http://jsfiddle.net/fG6PT/11/