实现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;
                        }
                    }
                }
            });

  

时间: 2024-08-21 15:28:00

实现SELECT的全选,反选,AB选的JAVASCRIPT代码的相关文章

checkbox全选 反选 不选 并获取id的值

$("#lblContents :checkbox").each(function () {                 if (this.checked) {                     this.checked = false;                     ids ="";                 }                 else {                     this.checked = true;

js制作全选 反选 不选

<!DOCTYPE html><html >    <head>        <meta charset="utf-8">        <title></title>    </head>    <style>        </style>        <script>    window.onload=function (){        var aBtn

复选框 全选 反选 不选

<script language="javascript"> var put=document.all.tags("input"); //全选function selall(){for (i=0;i<put.length;i++){   if (put[i].type=="checkbox")    put[i].checked=true;}} //不选function Nselall(){for (i=0;i<put.l

5.17批量修改样式,全选反选不选

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin:0 auto; padding: 0; } .btn{ width: 200px; height: 60px; background-color: #002752; color:w

input -多选 反选 不选

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> div{ width: 1000px; height: 200px; background-color: lavender; box-shadow: 5px 5px 2px lightblue; }

js实现复选框的全选、全部选和反选

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>checkbox</title> 6 <style type="text/css"> 7 .main{ 8 width: 400px; 9 height: 400px; 10 margin: 20px au

jquery实现全选/反选功能

<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>多选框全选/反选</title> <script src="http://res01.xesimg.com/jquery/jquery.min.js">&l

js---复选框(全选,不选,反选)demo1--

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <span style="font-size: 24px;">javascript

jquery实现全选、不选、反选的两种方法

在取复选框checkbox的属性checked属性值时,发现一个问题,就是当用attr取值时,真的为"checked",假的为"undefined";当用prop取值时,真的为"true",假的为"false".经过网上参考一些资料,及根据官方的建议这两个用法:具有 true 和 false 两个属性的属性,如 checked, selected 或者 disabled 使用prop(),其他的使用 attr().   方法一

全选反选取消-js代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-