0

所以这就是我的代码的作用：

它显示 10 组单选按钮，每组有 2 个选项。（所以总共 20 个单选按钮）。这10个集合都有不同的名称，但在同一形式内。一个人只能从 10 个按钮中选择 5 个。我有一段代码可以在选择 5 个后禁用单选按钮。现在，如果选择了 4 个或更少的按钮，我想阻止人们提交表单。

以下是代码示例：

HTML：

 <form method="post" action="index.php" name="buttons" onsubmit="return Validation()">
 <input type="radio" id="button" value="first_button" name="1" />
 <input type="radio" id="button" value="second_button" name="1" />
 <input type="radio" id="button" value="first_button" name="2" />
 <input type="radio" id="button" value="second_button" name="2" />
 <input type="radio" id="button" value="first_button" name="3" />
 <input type="radio" id="button" value="second_button" name="3" />
 <input type="radio" id="button" value="first_button" name="4" />
 <input type="radio" id="button" value="second_button" name="4" />
 <input type="radio" id="button" value="first_button" name="5" />
 <input type="radio" id="button" value="second_button" name="5" />
 <input type="radio" id="button" value="first_button" name="6" />
 <input type="radio" id="button" value="second_button" name="6" />
 <input type="radio" id="button" value="first_button" name="7" />
 <input type="radio" id="button" value="second_button" name="7" />
 <input type="radio" id="button" value="first_button" name="8" />
 <input type="radio" id="button" value="second_button" name="9" />
 <input type="radio" id="button" value="first_button" name="9" />
 <input type="radio" id="button" value="second_button" name="9" />
 <input type="radio" id="button" value="first_button" name="10" />
 <input type="radio" id="button" value="second_button" name="10" />
 </form>

JAVASCRIPT

 function Validation()
 {
 var bol2 = $("input:radio:checked").length;
 if (bol2<=4)
   {
   alert("Please select 5 buttons");
   return false;
   }
 }

代码现在可以工作了。谢谢@Climbage，我查看了其他代码并弄清楚该怎么做

4

2 回答 2

3

试试这个 - http://jsfiddle.net/BeT4h/

<form method="post" action="index.php" name="buttons" id="form">

<script>
function showTime() {
    var inputs = document.getElementById("form").elements;
    var count  = 0;
    for (var i = 0; i < inputs.length; i++) {
        if (inputs[i].type == 'radio' && inputs[i].checked) {
            count++;
        }
    }
    alert(count);
}
</script>
于 2012-07-13T17:01:31.213 回答
0

只需默认选中其中的 5 个即可。放置check='checked'其他所有输入。放入所有 first_button 或 second_button。

于 2012-07-13T17:01:13.967 回答