ラジオボタンがチェックされていない場合の定義方法

Question

ラジオボタンが2つあり、ラジオボタンが選択されていない場合は定義したいので、表示ブロックをエラーに設定します。私は以下のコードを書いたが、私はそれが両方のものに取り組んでいると思う。そのうちの1つが真であり、両方にこの機能を実行する必要がない場合、どのように定義することができますか？ここ は私の抜粋です：

Answer 1

いけないだけで、入力セレクタ、クリック機能の内部でthisとfind()を使用します。

$(".nexti").click(function(){ 
 
    if (!$('input[name=radio]').is(':checked')) { 
 
\t $(".alertnext").css("display","block"); 
 
    } else $(".alertnext").css("display","none"); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
 
First <input type="radio" name="radio" value="" /> 
 
Second <input type="radio" name="radio" value="" /> 
 
<div class="alertnext" style="display:none;"> Error !</div> 
 
<button type="" class="nexti">Next</button>

Answer 2

このコードを試してみてください：

$(".nexti").click(function(){ 
    $(".alertnext").css("display","none"); 
    if (!$('input[name=radio]').is(':checked')) { 
    $(".alertnext").css("display","block"); 
} 
}); 

Answer 3

$(".nexti").click(function(){ 
if (!$('input[name=radio]').is(':checked')) { 
    $(".alertnext").css("display","block"); 
} 
}); 

Answer 4

IDS

$(".nexti").click(function() { 
 
console.log() 
 
    if (!$('#rbf').is(':checked')||$('#rbs').is(':checked')) { 
 
    $(".alertnext").css("display", "block"); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
 
First <input type="radio" id='rbf' name="radio" value="" /> 
 
Second <input type="radio" id='rbs' name="radio" value="" /> 
 
<div class="alertnext" style="display:none;"> Error !</div> 
 
<button type="" class="nexti">Next</button>

Answer 5

$("document").ready(function() 
 
{ 
 
\t $("[name='rd']").change(function() 
 
\t { 
 
\t \t $("#txt").html($("input[name='rd']:checked").val()); 
 
\t }); 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
First <input type="radio" name="rd" value="first" /><br> 
 
Second <input type="radio" name="rd" value="second" /> 
 
<div id="txt"></div>

Answer 6

あなたは可能性でこれを試してみてくださいあなたのif(...)条件内

!$('input[name=radio]') 
.toArray() 
.every(function (val) { 
    return $(val).prop('checked') 
}) 

：おそらくこれを使用しています。

エルス

、あなたが使用できます。それらの両方がチェックされている場合

var error = !$('input[name=radio]') 
    .toArray() 
    .every(function (val) { 
     return $(val).prop('checked') 
    }) 

if(error) { //show error } 

を基本的には、.every（...）がチェックされます。 .prop（...）はcheckedの方が優れています。したがって、両方を使用すると、必要なものを達成できます。