javascript - 如何定义是否未选中任何单选按钮

Question

我有两个单选按钮，如果没有选中单选按钮，我想定义它，将显示 block 设置为错误，但它。我写了下面的代码，但我认为它对它们都有效。我如何定义它，如果其中一个被检查为真并且不需要对它们都运行此函数？这是我的片段:

$(".nexti").click(function(){
	 if (!$(this).find('input[name=radio]').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" 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 1

不要在点击函数中使用 this 和 find()，只使用输入选择器:

$(".nexti").click(function(){
    if (!$('input[name=radio]').is(':checked')) {
	 $(".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>