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

  • 相关阅读:
    ubuntu 开启ssh
    ubuntu 电源管理
    吸血鬼数
    java泛型
    分布式数据库主键id生成策略
    使用SSH工具连接到MySQL
    MySQL命令行基本命令操作
    bootstrap图片轮播
    java设计模式----工厂模式
    java设计模式----享元模式
  • 原文地址:https://www.cnblogs.com/alanleung/p/7602464.html
Copyright © 2011-2022 走看看