网页中有多组radio具体数目不详，怎么判断所有组都选中才允许提交
日期：2014-05-16 浏览次数：20469 次
网页中有多组radio具体数目不详，如何判断所有组都选中才允许提交？
网页中有多组类似上面的radio具体数目不详，现在我想实现的功能是
每组中必须选中一项才允许提交，请问用JS如何实现，谢谢！
------解决方案--------------------
下班前写了个土的 楼主可参考
------解决方案--------------------
上面错了，忘了分组的问题。
下面改正了，楼主测试看看：
------解决方案--------------------
<html>
<body>
<form>
<table border="1">
<tr>
<td><input type="radio" name="i1" value="0">是</td>
<td><input type="radio" name="i1" value="1">否</td>
</tr>
<tr>
<td><input type="radio" name="i2" value="0">是</td>
<td><input type="radio" name="i2" value="1">否</td>
</tr>
<tr>
<td><input type="radio" name="i3" value="0">是</td>
<td><input type="radio" name="i3" value="1">否</td>
</td>
</form>
</body>
</html>
网页中有多组类似上面的radio具体数目不详，现在我想实现的功能是
每组中必须选中一项才允许提交，请问用JS如何实现，谢谢！
------解决方案--------------------
下班前写了个土的 楼主可参考
function isCanSubmit(){
var tags = document.forms[0].getElementsByTagName('input');
for(var i = 0,len = tags.length;i<len;i++){
var comp = tags[i];
if(comp.type == 'radio'){
var radio0 = document.getElementsByName(comp.name)[0];
var radio1 =document.getElementsByName(comp.name)[1];
if(radio0.checked != "checked && radio1.checked != "checked"){
return false;
}
}
}
return true;
}------解决方案--------------------
上面错了，忘了分组的问题。
下面改正了，楼主测试看看：
<head>
<title>单选按钮验证示例_by_theforever_csdn_net</title>
<script type="text/javascript" charset="utf-8" src="http://jqueryjs.googlecode.com/files/jquery-1.3.min.js"></script>
<script type="text/javascript">
$(function() {
$('#theforever_csdn').click(function(){
//当每组都只有两个选项的时候。
if($("input[type=radio]:checked").length==$("input[type=radio]").length/2)
$('#theforever__csdn').submit();
});
});
</script>
</head>
<body>
<form id="theforever__csdn">
<table border="1">
<tr>
<td><input type="radio" name="i1" value="0" checked>是</td>
<td><input type="radio" name="i1" value="1">否</td>
</tr>
<tr>
<td><input type="radio" name="i2" value="0">是</td>
<td><input type="radio" name="i2" value="1">否</td>
</tr>
<tr>
<td><input type="radio" name="i3" value="0">是</td>
<td><input type="radio" name="i3" value="1">否</td>
</tr>
<input id="theforever_csdn" type="button" value="提交" />
</form>
------解决方案--------------------
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
