当前位置: 首页 > 最新文章 > 正文

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

关于它的效果展示,我们放在后面。还是给出对应的文档API。我们项目中因为需要多选的下拉列表select,因此找到了这个控件,但是有些需求需要能够设置多选的select一个初始值,开始找不到怎么实现,后来找了资料才发现其实很简单。用法首先引入需要的js文件和样式css文件。-- 多选select-->然后在页面html代码中定义一个多选的select控件最重要的是需要在domcument载入的时候,

admin

关于它的效果展示,我们放在后面。还是给出对应的文档API。我们项目中因为需要多选的下拉列表select,因此找到了这个控件,但是有些需求需要能够设置多选的select一个初始值,开始找不到怎么实现,后来找了资料才发现其实很简单。用法首先引入需要的js文件和样式css文件。-- 多选select-->然后在页面html代码中定义一个多选的select控件最重要的是需要在domcument载入的时候,初始化multiple-select的参数。这样就可以允许为多选了,初始化select列表控件了。问题在项目中,有一个需求是在页面载入的时候,就要把select全部选中,也就是全选功能。最后只能在网站帮助文档中找到方法checkAll和uncheckAll方法描述,但是具体怎么使用没有demo了。解决方法初始化的时候,增加一行代码,如下:$.multipleSelect;

介绍

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

用法

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

<!-- 多选select-->


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


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


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


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


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


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

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

问题

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

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

解决方法


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

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

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


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


上一篇: 15秒记一个单词(第1403个)version 下一篇:什么是线性代数?
返回顶部