博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js jqery判断checkbox是否选中,全选,取消全选,反选,选择奇数偶数项
阅读量:5809 次
发布时间:2019-06-18

本文共 2481 字,大约阅读时间需要 8 分钟。

  // 一,判断选中   // js    var ischecked2 = function(){        // this.checked == true        $(document.getElementsByTagName("input")).each(function(i){            if(this.checked == true){                console.log(this.getAttribute('name'));            }        })    }        // jquery    var ischecked1 = function(){        // 方法1,$(this).is(':checked')        $("input[type='checkbox']").each(function(i){            if($(this).is(':checked') == true){                console.log($(this).attr("name"));            }        });        // 方法2.$(this).get(0).checked        $("input[type='checkbox']").each(function(i){            if($(this).get(0).checked == true){                console.log($(this).attr("name"));            }        });        // 方法3.$(this).prop('checked')        $("input[type='checkbox']").each(function(i){            if($(this).prop('checked')){                console.log($(this).attr("name"));            }        });            }                        // 二,全选    // jquery    var selectAll1 = function(){//        $("[type='checkbox']").prop("checked",true); // 方法1        $("[type='checkbox']").prop("checked","checked"); // 方法2    }    // js    var selectAll2 = function(){        $(document.getElementsByTagName("input")).each(function(i){            this.checked = true;        })     }        // 三,取消全选    // jquery    var selectNone1 = function(){//        $("[type='checkbox']").prop("checked",false); // 方法1        $("[type='checkbox']").prop("checked",""); // 方法2    }    // js    var selectNone2 = function(){        $(document.getElementsByTagName("input")).each(function(i){            this.checked = false;        })    }        // 四,反选    // jquery    var inverse1 = function(){        $("[type='checkbox']").each(function () {            $(this).prop("checked", !$(this).prop("checked"));        });    }    // js    var inverse2 = function(){        $(document.getElementsByTagName("input")).each(function(i){            this.checked = !this.checked;        })    }        // 五,jquery 选中所有奇数 (index从0开始)    var odd1 = function(){        selectNone1();        $("[type='checkbox']:odd").prop("checked",'true');    }        // 六,jquery 选中所有偶数 (index从0开始)    var even1 = function(){        selectNone1();        $("[type='checkbox']:even").prop("checked",'true');    }

 备注:在jQuery 1.6中,.attr()方法查询那些没有设置的属性,则会返回一个undefined。如果你要去恢复或者改变DOM状态值,类似checked,selected,disabled等表单元素的状态,最好使用.prop()方法。

转载于:https://www.cnblogs.com/ooo0/p/6289391.html

你可能感兴趣的文章
Android SDK 的下载代理
查看>>
Method Swizzling对Method的要求
查看>>
佛祖保佑,永不宕机
查看>>
四、配置开机自动启动Nginx + PHP【LNMP安装 】
查看>>
LNMP一键安装
查看>>
SQL Server数据库概述
查看>>
Linux 目录结构及内容详解
查看>>
startx命令--Linux命令应用大词典729个命令解读
查看>>
华为3026c交换机配置tftp备份命令
查看>>
Oracle命令导入dmp文件
查看>>
OCP读书笔记(24) - 题库(ExamD)
查看>>
Http、TCP/IP协议与Socket之间的区别(转载)
查看>>
解决Unable to load R3 module ...VBoxDD.dll (VBoxDD):GetLastError=1790
查看>>
.net excel利用NPOI导入oracle
查看>>
vrpie在Visio Studio 中无法调试的问题
查看>>
第六课:数据库的基本工具
查看>>
关于二叉树重构的思索
查看>>
$_SERVER['SCRIPT_FLENAME']与__FILE__
查看>>
skynet实践(8)-接入websocket
查看>>
系统版本判断
查看>>