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

  • 相关阅读:
    西瓜书的读书笔记
    Tensorflow-gpu在windows10上的安装(anaconda)
    php 设置报错等级
    PHP 类型比较表
    PHP中的定界符格式
    php进制转换函数
    php魔法常量
    php中双$$与多$$
    php引用传值
    CSS3过渡效果实现菜单划出效果
  • 原文地址:https://www.cnblogs.com/alanleung/p/7602464.html
Copyright © 2011-2022 走看看