zoukankan      html  css  js  c++  java
  • js jqery判断checkbox是否选中,全选,取消全选,反选,选择奇数偶数项

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

    // 一,判断选中
      // 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()方法

  • 相关阅读:
    一种基于HBase韵海量图片存储技术
    八种常用的排序算法
    hibernate session的常用方法解析
    EJB到底是什么,真的那么神秘吗??<转>
    一名实习生在腾讯的感受<很值得一看>
    Jenkins持续集成报告列表显示不正确的问题解决
    Jenkins配置,tomacat版本输出乱码和页面打开报404的问题
    Jenkins部署持续集成远程机节点的问题
    浅析软件测试人员如何对JVM进行内存溢出检测
    python自动化测试,读取excal数据报"'str' object has no attribute 'items'"问题解决
  • 原文地址:https://www.cnblogs.com/wen-zi/p/9224316.html
Copyright © 2011-2022 走看看