手机浏览 RSS 2.0 订阅 膘叔的简单人生 , 腾讯云RDS购买 | 超便宜的Vultr , 注册 | 登陆

取消radio的选中状态

首页 > Javascript >

一个简单的例子,是懒宝宝让我帮忙的。因为我自己也注意到了,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对象)




本站采用创作共享版权协议, 要求署名、非商业和保持一致. 本站欢迎任何非商业应用的转载, 但须注明出自"膘叔", 保留原始链接, 此外还必须标注原文标题和链接.

Tags: jquery, radio, checked

« 上一篇 | 下一篇 »

只显示10条记录相关文章

JQuery -- this 和 $(this) 的区别 (浏览: 78485, 评论: 3)
[转载]超强大的jquery formValidator (浏览: 45684, 评论: 3)
jQuery的html()等方法介绍 (浏览: 41090, 评论: 1)
jQuery插件---获取URL参数 (浏览: 39994, 评论: 1)
jQuery的bind函数 (浏览: 34926, 评论: 1)
取得html中的comment的内容 (浏览: 34343, 评论: 2)
将Yiiframework与JQuery easyUI整合使用 (浏览: 32270, 评论: 2)
jQuery一些插件的链接[转] (浏览: 31165, 评论: 2)
JQuery学习第一天 (浏览: 27797, 评论: 3)
推荐一个Jquery插件:autoComplete (浏览: 27771, 评论: 0)

1条记录访客评论

谢谢,学习了。
$('#allempty').click(function(){  
       $(':input[union=yang]').each(function(){  
           $(this).attr('checked','checked');    
            this.checked = false;  
        })  
    });

Post by Ray on 2012, February 2, 2:18 PM 引用此文发表评论 #1


发表评论

评论内容 (必填):