zoukankan      html  css  js  c++  java
  • jquery对checkbox的操作汇总

    1、全选
    $("#btn1").click(function(){ 
    $("input[name='checkbox']").attr("checked","true"); 
    })
    2、取消全选(全不选)
    $("#btn2").click(function(){ 
    $("input[name='checkbox']").removeAttr("checked"); 
    })
    3、选中所有奇数
    $("#btn3").click(function(){ 
    $("input[name='checkbox']:odd").attr("checked","true"); 
    })
    4、选中所有偶数
    $("#btn6").click(function(){ 
    $("input[name='checkbox']:even").attr("checked","true"); 
    }) 
    5、反选
    $("#btn4").click(function(){ 
    $("input[name='checkbox']").each(function(){ 
    if($(this).attr("checked")) 
    { 
    $(this).removeAttr("checked"); 
    } 
    else
    { 
    $(this).attr("checked","true"); 
    } 
    }) 
    }) 
    或者
    $("#invert").click(function(){
      $("#ruleMessage [name='delModuleID']:checkbox").each(function(i,o){
       $(o).attr("checked",!$(o).attr("checked"));
      });
     });
    6、获取选择项的值
    var aa=""; 
    $("#btn5").click(function(){ 
    $("input[name='checkbox']:checkbox:checked").each(function(){ 
    aa+=$(this).val() 
    }) 
    document.write(aa); 
    }) 
    })
    7、遍历选中项
    $("input[type=checkbox][checked]").each(function(){
     //由于复选框一般选中的是多个,所以可以循环输出 
     alert($(this).val()); 
    });

    转自:http://www.jb51.net/article/75717.htm

  • 相关阅读:
    Markdown语法帮助文档
    react-native-vector-icons使用方法
    如何创建Pull Request,以开源项目ant design pro为例
    4.环境变量总结篇
    3.Flutter之hello_world
    构建之法 阅读笔记03
    学习进度14
    团队项目-个人博客6.5
    团队项目-个人博客6.4
    构建之法 阅读笔记02
  • 原文地址:https://www.cnblogs.com/alanleung/p/7602464.html
Copyright © 2011-2022 走看看