zoukankan      html  css  js  c++  java

  • jquery如何判断checkbox（复选框）是否被选中

    谁都知道 在html 如果一个复选框被选中 是 checked="checked"。

    但是我们如果用jquery alert($("#id").attr("checked")) 会提示您是true而不是checked

    所以很多朋友判断  if($("#id").attr("checked")=="true") 这个是错误的，其实应该是 if($("#id").attr("checked")==true)

    例子里面包括了一下几个功能。

       <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="获得选中的所有值">

    代码

    C/C++ Code
    1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">   
    2. <HTML>   
    3.  <HEAD>   
    4.   <TITLE> New document．nbsp;</TITLE>   
    5.   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />   
    6.     <SCRIPT LANGUAGE="javascript" src=http://www.cnblogs.com/../"http://www.cnjquery.com/demo/jquery.js"></script>   
    7.   <SCRIPT LANGUAGE="javascript">   
    8.   <!--   
    9.    $("document．quot;).ready(function(){   
    10.        
    11.     $("#btn1").click(function(){   
    12.         
    13.     $("[name='checkbox']").attr("checked",'true');//全选   
    14.      
    15.     })   
    16.        $("#btn2").click(function(){   
    17.         
    18.     $("[name='checkbox']").removeAttr("checked");//取消全选   
    19.      
    20.     })   
    21.     $("#btn3").click(function(){   
    22.         
    23.     $("[name='checkbox']:even").attr("checked",'true');//选中所有奇数   
    24.      
    25.     })   
    26.     $("#btn4").click(function(){   
    27.         
    28.     $("[name='checkbox']").each(function(){   
    29.         
    30.       
    31.      if($(this).attr("checked"))   
    32.    {   
    33.     $(this).removeAttr("checked");   
    34.        
    35.    }   
    36.    else  
    37.    {   
    38.     $(this).attr("checked",'true');   
    39.        
    40.    }   
    41.       
    42.     })   
    43.      
    44.     })   
    45.      $("#btn5").click(function(){   
    46.     var str="";   
    47.     $("[name='checkbox'][checked]").each(function(){   
    48.      str+=$(this).val()+""r"n";   
    49.    //alert($(this).val());   
    50.     })   
    51.    alert(str);   
    52.     })   
    53.    })   
    54.   //-->   
    55.   </SCRIPT>   
    56.      
    57.  </HEAD>   
    58.   
    59.  <BODY>   
    60.  <form name="form1" method="post" action="">   
    61.    <input type="button" id="btn1" value="全选">   
    62.    <input type="button" id="btn2" value="取消全选">   
    63.    <input type="button" id="btn3" value="选中所有奇数">   
    64.    <input type="button" id="btn4" value="反选">   
    65.    <input type="button" id="btn5" value="获得选中的所有值">   
    66.    <br>   
    67.    <input type="checkbox" name="checkbox" value="checkbox1">   
    68.    checkbox1   
    69.    <input type="checkbox" name="checkbox" value="checkbox2">   
    70.    checkbox2   
    71.    <input type="checkbox" name="checkbox" value="checkbox3">   
    72.    checkbox3   
    73.    <input type="checkbox" name="checkbox" value="checkbox4">   
    74.    checkbox4   
    75.    <input type="checkbox" name="checkbox" value="checkbox5">   
    76.    checkbox5   
    77.    <input type="checkbox" name="checkbox" value="checkbox6">   
    78.    checkbox6   
    79.    <input type="checkbox" name="checkbox" value="checkbox7">   
    80.    checkbox7   
    81.    <input type="checkbox" name="checkbox" value="checkbox8">   
    82.  checkbox8   
    83.  </form>   
    84.  
  • 相关阅读:
    Java学习小记 16
    Java学习小记 15
    Java学习小记 14
    Java学习小记 13
    Java学习小记 12
    Java学习小记 11
    Java学习小记 10
    MySql 5.0 以上版本的varchar和text数据类型可以存的汉字个数
    java获取当前上一周、上一月、上一年的时间
    ArtifactsFilter ClassNotFoundException
  • 原文地址：https://www.cnblogs.com/zjmzone/p/2262810.html
Copyright © 2011-2022 走看看