zoukankan      html  css  js  c++  java
  • jquery checkbox用法汇总

    来源:http://www.jb51.net/article/75717.htm

    1、全选

    1
    2
    3
    $("#btn1").click(function(){
    $("input[name='checkbox']").attr("checked","true");
    })

    2、取消全选(全不选)

    1
    2
    3
    $("#btn2").click(function(){
    $("input[name='checkbox']").removeAttr("checked");
    })

    3、选中所有奇数

    1
    2
    3
    $("#btn3").click(function(){
    $("input[name='checkbox']:odd").attr("checked","true");
    })

    4、选中所有偶数

    1
    2
    3
    $("#btn6").click(function(){
    $("input[name='checkbox']:even").attr("checked","true");
    })

    5、反选

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    $("#btn4").click(function(){
    $("input[name='checkbox']").each(function(){
    if($(this).attr("checked"))
    {
    $(this).removeAttr("checked");
    }
    else
    {
    $(this).attr("checked","true");
    }
    })
    })

    或者

    1
    2
    3
    4
    5
    $("#invert").click(function(){
      $("#ruleMessage [name='delModuleID']:checkbox").each(function(i,o){
       $(o).attr("checked",!$(o).attr("checked"));
      });
     });

    6、获取选择项的值

    1
    2
    3
    4
    5
    6
    7
    8
    var aa="";
    $("#btn5").click(function(){
    $("input[name='checkbox']:checkbox:checked").each(function(){
    aa+=$(this).val()
    })
    document.write(aa);
    })
    })

    7、遍历选中项

     
    1
    2
    3
    4
    $("input[type=checkbox][checked]").each(function(){
     //由于复选框一般选中的是多个,所以可以循环输出
     alert($(this).val());
    });
  • 相关阅读:
    团队冲刺第四天
    团队冲刺第三天
    团队冲刺第二天
    冲刺(六)
    冲刺(五)
    冲刺(四)
    冲刺(三)
    冲刺(二)
    冲刺(一 )
    第一阶段SCRUM
  • 原文地址:https://www.cnblogs.com/zhoujl-5071/p/6907085.html
Copyright © 2011-2022 走看看