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>

ジャバスクリプト

 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 に答える