zoukankan      html  css  js  c++  java
  • checkbox操作

    一.判断checkbox是否选中

    方法一:
    if ($("#checkbox-id")get(0).checked) {
        // do something
    }

    方法二:
    if($('#checkbox-id').is(':checked')) {
        // do something
    }

    方法三:
    if ($('#checkbox-id').attr('checked')) {
        // do something
    }

    方法四:

    if($("#checkbox:checked").length>0){

    //do something

    }

    二.checkbox全选

    <SCRIPT LANGUAGE="JavaScript">
      <!--
       $("document").ready(function(){
        
        $("#btn1").click(function(){
         
        $("[name='checkbox']").attr("checked",'true');//全选
      
        })
           $("#btn2").click(function(){
         
        $("[name='checkbox']").removeAttr("checked");//取消全选
      
        })
        $("#btn3").click(function(){
         
        $("[name='checkbox']:even").attr("checked",'true');//选中所有奇数
      
        })
        $("#btn4").click(function(){
         
        $("[name='checkbox']").each(function(){
         
       
         if($(this).attr("checked"))
       {
        $(this).removeAttr("checked");
        
       }
       else
       {
        $(this).attr("checked",'true');
        
       }
       
        })
      
        })
         $("#btn5").click(function(){
           var checks = "";
        $("input[name='checkbox[]']").each(function(){
            if($(this).attr("checked") == true){
                checks += $(this).val() + "|";
            }
        })
       })
      //-->
      </SCRIPT>
      
     </HEAD>

     <BODY>
     <form name="form1" method="post" action="">
       <input type="button" id="btn1" value="全选">
       <input type="button" id="btn2" value="取消全选">
       <input type="button" id="btn3" value="选中所有奇数">
       <input type="button" id="btn4" value="反选">
       <input type="button" id="btn5" value="获得选中的所有值">
       <br>
       <input type="checkbox" name="checkbox[]" value="checkbox1">
       checkbox1
       <input type="checkbox" name="checkbox[]" value="checkbox2">
       checkbox2
       <input type="checkbox" name="checkbox[]" value="checkbox3">
       checkbox3
       <input type="checkbox" name="checkbox[]" value="checkbox4">
       checkbox4
     </form>

     三.获取选中的checkbox

    jquery版本在1.3之前时,获取checkbox的选中项的操作:

                    $("input[name='abc'][checked]").each(function () {
                        alert(this.value);
                    });

    jquery版本在1.3之后时,获取checkbox的选中项的操作:

                    $("input[name='abc']:checked").each(function () {
                        alert(this.value);
                    });
  • 相关阅读:
    Mybatis原理
    周六上课随记
    第一次外包面试
    复习所想
    如何解决高并发下的超卖问题
    Tomcat架构解析
    即将逝去的25岁
    go 刷算法第一题——反转字符串
    JavaScript杂货
    jdk17新特性
  • 原文地址:https://www.cnblogs.com/zhaochx/p/4992688.html
Copyright © 2011-2022 走看看