浙江省高等学校教师教育理论培训

微信搜索“毛凌志岗前心得”小程序
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理
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
(请您对文章做出评价)
» 下一篇：在word中如何把数字转化成人民币大写？
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对象）

posted on 2010-11-30 14:08  lexus  阅读(632)  评论(0)  编辑  收藏  举报