jQuery 操作input中radio的技巧
通过jQuery获取页面中的所有radio对象，遍历页面中的radio，取消选中的标签，因为使用到jQuery时间，因此引用到了网上公共的js，这只是本人的一些总结，大神勿喷。
<html>
<head>
<title>取消</title>
<scriptlanguage="javascript">
function_onclick(){
$("input[name='ra']:checked").val();
varradios=document.getElementsByName("ra");
for(i=0;i<radios.length;i++){
if(radios[i].checked){
radios[i].checked=false;
break;
}
}
}
function_onclick1(){
varitem=$("input:radio[name='ra'][checked]").val();
alert(item)
varradios=$("input[name='ra']");
for(i=0;i<radios.length;i++){
if(radios[i].checked){
radios[i].checked=false;
break;
}
}
}
function_onclick2(){
varradios=$("input[type='radio']");
for(i=0;i<radios.length;i++){
if(radios[i].checked){
radios[i].checked=false;
}
}
}
</script>
</head>
<body>
<div><ol>
<li><inputtype="radio"name="ra"value="1">1</li>
<li><inputtype="radio"name="ra"value="2">2</li>
<li><inputtype="radio"name="ra"value="3"checked>3</li>
<li><inputtype="radio"name="ra"value="4">4</li>
<li><inputtype="radio"name="ra"value="5">5</li>
<li><inputtype="radio"name="ra"value="6">6</li>
<li><inputtype="radio"name="ra"value="7">7</li>
<li><inputtype="radio"name="ra"value="8">8</li>
</ol></div>
<div><ol>
<li><inputtype="radio"name="ra1"value="1">1</li>
<li><inputtype="radio"name="ra1"value="2">2</li>
<li><inputtype="radio"name="ra1"value="3"checked>3</li>
<li><inputtype="radio"name="ra1"value="4">4</li>
<li><inputtype="radio"name="ra1"value="5">5</li>
<li><inputtype="radio"name="ra1"value="6">6</li>
<li><inputtype="radio"name="ra1"value="7">7</li>
<li><inputtype="radio"name="ra1"value="8">8</li>
</ol></div>
<inputtype="button"value="GetValue1"onclick="_onclick()"/>
<inputtype="button"value="GetValue2"onclick="_onclick1()"/>
<inputtype="button"value="GetValue3"onclick="_onclick2()"/>
<scriptsrc="http://apps.bdimg.com/libs/jquery/1.6.4/jquery.js"type="text/javascript"></script>
</body>
</html>
文中使用3中获取radio对象的方式，前两种使用的比较多，第三种直接通过type标签获取对象，有可能获取到页面中所有的radio对象，因此不推荐使用。
以上所述是小编给大家介绍的jQuery操作input中radio的技巧，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！