jquery raidio buttion checked unchecked

good example

 

jquery check全选/取消全选

<HTML>

<HEAD>
<script type="text/javascript" src="jquery.js"></script>

<SCRIPT type="text/javascript">$(document).ready(function() {
 $("#checkedAll").click(function(){
  if($(this).attr("checked") == true){ //check all
   $("input[@name='checkbox_name[]']").each(function(){
    $(this).attr("checked",true);
   });
  }else{
   $("input[@name='checkbox_name[]']").each(function(){
    $(this).attr("checked",false);
   });
  }
 });
});
</SCRIPT>
</HEAD>
<BODY>
 <div class="components-list">
 <input type="checkbox" name="checkbox_name[]" id="checkbox_name_1" />1<br />
 <input type="checkbox" name="checkbox_name[]" id="checkbox_name_2" />2<br />
 <input type="checkbox" name="checkbox_name[]" id="checkbox_name_3" />3<br />
 <input type="checkbox" name="checkbox_name[]" id="checkbox_name_4" />4<br />
 <input type="checkbox" name="checkedAll" id="checkedAll"/>全选/取消全选
 </div>
 
 <select id="test">
  <option value="a">A</option>
  <option value="b">B</option>
  <option value="c" selected>C</option>
</select>
</BODY></HTML>

  

0
0
(请您对文章做出评价)
posted @ 2009-03-09 16:04  闫磊博客 阅读(1309)  评论(0)   编辑  收藏 所属分类:  javascript

 

bad example

一个简单的例子,是懒宝宝让我帮忙的。因为我自己也注意到了,radio在选中后,一般无法取消,查了一下google,发现还是有方法 的。因此,立马解决了:

XML/HTML代码
  1. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script>  
  2. <table class="rs" border="0" cellspacing="0" cellpadding="0">  
  3.           <tr>  
  4.             <td>HIV :阴  
  5.               <input type="radio" name="hiv[0]" value="HIV:阴" union="yin"/>  
  6.               阳  
  7.               <input type="radio" name="hiv[0]" value="HIV:阳" union="yang" /></td>  
  8.             <td>梅毒:阴  
  9.               <input type="radio" name="hiv[1]" value="梅毒:阴" union="yin" />  
  10.               阳  
  11.               <input type="radio" name="hiv[1]" value="梅毒:阳" union="yang" /></td>  
  12.             <td>疱疹:阴  
  13.               <input type="radio" name="hiv[2]" value="疱疹:阴" union="yin" />  
  14.               阳  
  15.               <input type="radio" name="hiv[2]" value="疱疹:阳" union="yang" /></td>  
  16.             <td>淋病:阴  
  17.               <input type="radio" name="hiv[3]" value="淋病:阴" union="yin" />  
  18.               阳  
  19.               <input type="radio" name="hiv[3]" value="淋病:阳" union="yang" /></td>  
  20.           </tr>  
  21.           <tr>  
  22.             <td>非淋:阴  
  23.               <input type="radio" name="hiv[4]" value="非淋:阴" union="yin" />  
  24.               阳  
  25.               <input type="radio" name="hiv[4]" value="非淋:阳" union="yang" /></td>  
  26.             <td>湿疣:阴  
  27.               <input type="radio" name="hiv[5]" value="湿疣:阴" union="yin" />  
  28.               阳  
  29.               <input type="radio" name="hiv[5]" value="湿疣:阳" union="yang" /></td>  
  30.             <td>丙肝:阴  
  31.               <input type="radio" name="hiv[6]" value="丙肝:阴" union="yin" />  
  32.               阳  
  33.               <input type="radio" name="hiv[6]" value="丙肝:阳" union="yang" /></td>  
  34.             <td><a style="cursor:pointer;" id='allyin'>全阴</a> <a style="cursor:pointer;" id='allyang'>全阳</a> <a id='allempty' style="cursor:pointer;">重填</a>   
  35. <script>  
  36. $(function(){  
  37.     $('#allyin').click(function(){  
  38.         $(':input[union="yin"]').attr('checked','checked');  
  39.     });  
  40.     $('#allyang').click(function(){  
  41.         $(':input[union=yang]').attr('checked','checked');  
  42.     });  
  43.     $('#allempty').click(function(){  
  44.         $(':input[union=yang]').each(function(){  
  45.             $(this).attr('checked','checked');  
  46.             var tmp = $(this)[0];  
  47.             tmp.checked = false;  
  48.             tmp = null;  
  49.         })  
  50.     });  
  51. });  
  52. </script></td>  
  53.           </tr>  
  54.         </table>  
因为用jquery的话,选中radion的方法很方便。所以,就尝试用这种方式解决了。。。但是用jquery无法取消checked状态,只能用原生js的方式才行(jquery是把元素都转换为对象,而不是DOM对象)

你可能感兴趣的:(JavaScript,html,jquery,Ajax,Google)