easyui下拉列表Onclick事件实现全选反选

 <th>科室:</th>
<td><input id="FDEPT" class="easyui-combobox" style="width: 140px" />
</td>

 $.ajax({data: {ajaxMethod: 'ajaxGetOnlyDeptLoader'},type: 'get',dataType: 'json',cache: false,async: false,success: function (data) {data.unshift({ "FNAME": "全选/反选", "FCODE": "" });$("#FDEPT").combobox({valueField: 'FCODE',textField: 'FNAME',editable: true,multiple: true,onClick: function (values) {onclicks(values,"FDEPT");}}).combobox("loadData", data);}});调用方法： record 当前选中的下拉值，valname为绑定的下拉框Id
var onclicks = function (record, valname) {var select = $("#" + valname);var valueField = select.combobox("options").valueField;if (!record[valueField]) {//全选var data = select.combobox("getData");var values = select.combobox("getValues");var selectVaues = [];if ((data.length - 1) != values.length) {data.reduce(function (prev, current, index, array) {selectVaues.push(current[valueField]);}, selectVaues);} else {selectVaues.push(record[valueField]);}select.combobox('setValues', selectVaues);} else {//多选 单选select.combobox('setValues', $("#" + valname).combobox("getValues"));}
};

easyui下拉列表Onclick事件实现全选反选相关推荐

JS 原生实现复选框全选反选功能
** JS 原生实现复选框全选反选功能 ** 按钮功能实现思路: 全选按钮: 直接将全选按钮的状态赋值给每一个复选框. 复选框:只有当所有的复选框选中时,全选按钮才能选中,所以每当复选框每点击一次就 ...
java做全选反选功能_[Java教程]js实现全选反选
[Java教程]js实现全选反选 0 2017-04-04 00:00:12 在前端中用到全选反选的案例并不少,在这里呢我就实现这个功能给大家参考参考. 这里呢就先贴上我的html和css代码快递 ...
原生js--选项卡全选反选，选项卡切换,模拟搜索框，微博发布（带时间）,注册协议倒计时
1.全选反选按钮 <!DOCTYPE html> <html> <head lang="en"><meta charset="U ...
php输入文本框样式,【js】：检测用户输入、文本框默认样式设置、设计表格样式实现全选反选...
Topic 1 : 检测用户的输入 : 题目要求: 编写一个用户注册页面检测用户名是否是6位以下,密码是否是8位以上,如果不满足要求高亮显示文本框 : 代码如下 : 用户注册页面 .bg {back ...
用js创建表格及全选反选
用js创建表格及全选反选用js代码来实现创建表格,及全选反选,代码效果图如下: <!DOCTYPE html> <html lang="en"><h ...
android 批量查找view,Android Recyclerview实现多选,单选,全选,反选,批量删除的功能
效果图如下: recyclerview 实现多选,单选,全选,反选,批量删除的步骤 1.在recyclerview布局中添加上底部的全选和反选按钮,删除按钮,和计算数量等控件 2.这里选中的控件没有用 ...
JavaScript实现表单的全选,反选,获取值
构思通过for循环和for in循环来实现,界面效果如下步骤全选: 循环给所有的表单设置checked 反选: 循环内判断checked是否为true,如果为true则改为false否则改为tr ...
【HTML5】页面点击按钮添加一行删除一行全选反选全不选
页面点击按钮添加一行删除一行全选反选全不选页面效果图如下 html页面代码 <!DOCTYPE html> <html><head>< ...
js、jquery操作复选框checkbox总结（单个/多个获取选中值、初始化设置默认选中值、全选反选）
一.单个复选框使用label标签可以点击文字就能选中复选框或者是取消选择复选框 label标签的两种使用方法: https://blog.csdn.net/qq_40015157/article ...

easyui下拉列表Onclick事件实现全选反选

easyui下拉列表Onclick事件实现全选反选相关推荐

最新文章

热门文章