对Radio/CheckBox的操作集合

针对不同的jQurey版本对CheckBox元素的操作有所差异，下面使用的是jQurey v1.6.2 版本

一、遍历被选中CheckBox元素的集合 得到Value值

经过尝试发现下面三种都可以实现 

 

1、  <script type="text/javascript">

      $(document).ready( function (){
            $( ' #btn ' ).click( function (){
                var  arrChk = "" ;
               $( " input[@name='bike'][checked] " ) .each( function (){
                   arrChk += $( this ).val()  +   '   ' ;
               });
              $( ' #display ' ).html(arrChk);
            });
      });
    </ script >

2、

< script  type ="text/javascript" >
      $(document).ready( function (){
        $( ' #btn ' ).click( function (){
             var  arrChk = "" ;
            $( " input[name='bike']:checked " ) .each( function (){
                 arrChk += $( this ).val()  +   '   ' ;
            });
            

$( ' #display ' ).html(arrChk);
       });
     });

</script> 

3、

   < script  type ="text/javascript" >
      $(document).ready( function (){
       $( ' #btn ' ).click( function (){
     var  arrChk = "" ;
     $( " input[name='bike'][@checked] " ) .each( function (){
    arrChk += $( this ).val()  +   '   ' ;
    });
     $( ' #display ' ).html(arrChk);
     });
     });

 </script>  

二、设置checkbox的选中状态

$("#checkbox_id").attr("checked"); //获取一个checkbox的状态(有没有被选中,返回true/false)
$("#checkbox_id").attr("checked",true); //设置一个checkbox的状态为选中(checked=true)
$("#checkbox_id").attr("checked",false); //设置一个checkbox的状态为不选中(checked=false)

$('#checkbox_id').attr('checked',true).val();  

//获取选中的checkbox的值

 

三、获取选中的radio中的值 

   < script  type ="text/javascript" >
     $(document).ready( function (){
       $( ' #btn ' ).click( function (){
           var  arrChk = "" ;
          arrChk = $( " input[name='sex']:checked " ).val();
          $( ' #display ' ).html(arrChk);
       });
    });

 </script>  

四、根据value的值设置radio的选中状态

  < script  type ="text/javascript" >
     $(document).ready( function (){
         $( " input[name='sex'][value='male'] " ).attr( ' checked ' , true );
     });

 </script>