0

私は持っている：

<div class="group">
   <input type="radio" name="myradio" value="1">a
   <input type="radio" name="myradio" value="2">b
</div>
<div class="group">
   <input type="radio" name="two" value="3">a
   <input type="radio" name="two" value="4">b
</div>
<div class="group">
   <input type="radio" name="aaa" value="5">a
   <input type="radio" name="aaa" value="6">b
</div>

http://jsfiddle.net/jz84u/2/

この例で最小 1 つのグループがチェックされているかどうかを確認するにはどうすればよいですか? そうでない場合は、alert('error') にする必要があります。jQueryを使用したいと思います。

$(".group").each(function(){

})

しかし、どうすればこれを確認できますか？私の例では、エラーを返す必要があります-入力はすべてチェックされますが、次の場合:

<div class="group">
   <input type="radio" name="myradio" value="1">a
   <input type="radio" name="myradio" value="2">b
</div>
<div class="group">
   <input type="radio" name="two" value="3">a
   <input type="radio" name="two" value="4" checked="checked">b
</div>
<div class="group">
   <input type="radio" name="aaa" value="5">a
   <input type="radio" name="aaa" value="6">b
</div>

この例では問題ありません - 2 番目のグループの入力がチェックされます。

どうすればこれを検証できますか?

4

2 に答える 2

2

これはあなたのニーズに合っていますか？

   var n = $(".group input:checked").length;

   if(n>0){do something}
于 2013-02-12T14:57:29.500 に答える
0

以下のように試してみてください...

ボタンを追加

<input type="button" value="check" id="btnCheck">

<div class="group">
   <input type="radio" name="myradio" value="1">a
   <input type="radio" name="myradio" value="2">b
</div>
<div class="group">
   <input type="radio" name="two" value="3">a
   <input type="radio" name="two" value="4">b
</div>
<div class="group">
   <input type="radio" name="aaa" value="5">a
   <input type="radio" name="aaa" value="6">b
</div>

以下のようなjqueryを記述します

$("#btnCheck").click(function() {

   if($(".group input:radio:checked").val())
       alert("checked");
    else
    alert("Nothing checked");   

});

フィドル： http： //jsfiddle.net/jz84u/6/

于 2013-02-12T15:02:26.033 に答える