jQuery Chosen插件实现多选全选功能失效问题求助

问题修复方案 #

你代码的问题主要有两个，按以下步骤修改即可正常运行：

• 替换事件触发名：Chosen v1.0及以后的版本已经废弃了liszt:updated事件，改用chosen:updated作为更新视图的触发事件，这是功能失效的核心原因
• 调整选项选择范围：排除你设置的隐藏空值option，避免选中无效选项

修复后的JS代码

$('select').chosen();
$('.select').click(function(){
  // 排除空值隐藏option，只选中有效选项
  $('option:not([value=""])').prop('selected', true);
  $('select').trigger('chosen:updated');
});
$('.deselect').click(function(){
  $('option').prop('selected', false);
  $('select').trigger('chosen:updated');
});

其他注意点

你HTML代码里container_data闭合部分多了一个多余的</p>标签，没有对应的起始标签，建议顺便删除避免DOM结构异常。

内容的提问来源于stack exchange，提问作者Mansoor