实现SELECT的全选，反选，AB选的JAVASCRIPT代码

参考网上，用原生JS粗糙实现。

我发现用UIKIT的BUTTON会自动刷新我那核心的模态窗口，只好用另外的LABEL或CODE标签了。

$(".btn-select-all").click(function(){var deploypool_id =  $(this).attr("deploypool_id")var code_Values = document.getElementsByName("check-server" + deploypool_id);for(i = 0;i < code_Values.length;i++){if(code_Values[i].type == "checkbox"){code_Values[i].checked = true;}}});$(".btn-select-reverse").click(function(){var deploypool_id =  $(this).attr("deploypool_id")var code_Values = document.getElementsByName("check-server" + deploypool_id);for(i = 0;i < code_Values.length;i++){if(code_Values[i].type == "checkbox"){code_Values[i].checked = false;}}});$(".btn-select-half").click(function(){var deploypool_id =  $(this).attr("deploypool_id")var code_Values = document.getElementsByName("check-server" + deploypool_id);for(i = 0;i < code_Values.length;i++){if (i % 2 == 0){if(code_Values[i].type == "checkbox"){code_Values[i].checked = true;}}}});

转载于:https://www.cnblogs.com/aguncn/p/4990458.html

实现SELECT的全选，反选，AB选的JAVASCRIPT代码相关推荐

js复选框之全选反选不选
今日分享:纯js复选框之全选&&反选&&不选想要了解其用法,首先先得了解它们各自的意思全选:全部都选中反选:选中的部分取消,没选中的部分勾选上不选:全部取消勾选 ...
wpf--------------datagrid全选反选多选进行删除操作前后台
前台绑定 <DataGrid.Columns><DataGridTemplateColumn ><DataGridTemplateColumn.HeaderTemplat ...
[JS] checkbox 选中/全选/反选/不选
知识点: 1. jQuery: prop() 和 attr() attr('checked') 返回string类型 prop('checked') 返回Boolean类型结论:$(" ...
JS 原生实现复选框全选反选功能
** JS 原生实现复选框全选反选功能 ** 按钮功能实现思路: 全选按钮: 直接将全选按钮的状态赋值给每一个复选框. 复选框:只有当所有的复选框选中时,全选按钮才能选中,所以每当复选框每点击一次就 ...
ext2.2全选反选修复
//全选反选var fixGridSelectAll = function(grid) {var sm = grid.getSelectionModel();var store = grid.getS ...
7.20 Bootstrap、企业黄页2.0、form表单、全选不选反选
Bootstrap.企业黄页2.0.form表单.全选不选反选一.Bootstrap PPT内容 HTML中导入Bootstrap Bootstrap教程网站二.企业黄页2.0 三.form表单 ...
python怎么全选_python练习题之全选框全不选反选
功能实现分为两大部分: 第一body 部分,1,通过无序列表标签实现选项的基本样式,通过input的checkbox标签实现里面的复选框功能.用到了标签的嵌套.然后选项的js方法含有选中和被选中的 ...
easyui下拉列表Onclick事件实现全选反选
<th>科室:</th> <td><input id="FDEPT" class="easyui-combobox" ...
jQuery之标签操作和返回顶部、登录验证、全选反选、克隆示例
一.样式操作 1.JQ中的样式类 somenode.addClass();// 添加指定的CSS类名. somenode.removeClass();// 移除指定的CSS类名. somenode.h ...
ztree树状实现全选反选
ztree实现全选反选操作:<form id="form" method="post"><div class="D608_compa ...

实现SELECT的全选，反选，AB选的JAVASCRIPT代码

实现SELECT的全选，反选，AB选的JAVASCRIPT代码相关推荐

最新文章

热门文章