• 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);
                    });
  • 相关阅读:
    Ajax:后台jquery实现ajax无刷新删除数据及demo
    利用freemarker导出页面格式复杂的excel
    Java 遍历Map对象的4种方法
    java list遍历三种方法
    java 利用Xstream注解生成和解析xml
    mysql 查看数据库中所有表的记录数
    Java中Map根据键值(key)或者值(value)进行排序实现
    java用匿名内部类实现多线程堆内存变量共享
    面试题集锦(持续更新中。。)
    excel poi 取单元格的值
  • 原文地址:https://www.cnblogs.com/zhaochx/p/4992688.html
Copyright © 2020-2023  润新知