multiple-select.js中手动设置全选和取消全选

介绍

multiple-select。这个组件风格简单、文档全、功能强大。multiple-select。这个组件风格简单、文档全、功能强大。但是觉得它选中的效果不太好。关于它的效果展示,我们放在后面。还是给出对应的文档API。 我们项目中因为需要多选的下拉列表select,因此找到了这个控件,但是有些需求需要能够设置多选的select一个初始值,开始找不到怎么实现,后来找了资料才发现其实很简单。

用法

首先引入需要的js文件和样式css文件。



然后在页面html代码中定义一个多选的select控件



最重要的是需要在domcument载入的时候,初始化multiple-select的参数。



这样就可以允许为多选了,初始化select列表控件了。

问题

在项目中,有一个需求是在页面载入的时候,就要把select全部选中,也就是全选功能。但是找了一圈也没找到直接可以多选的方法,巴拉了半天的网站,也没有找到对应的方法。 最后只能在网站帮助文档中找到方法checkAll和uncheckAll方法描述,但是具体怎么使用没有demo了。

后来试了一圈,终于找到方法了。很简单,如下一句话代码解决。

解决方法


初始化的时候,增加一行代码,如下:

$("#accountList").multipleSelect('checkAll');