使用JQuery检查组中是否没有选中单选button

我坐在一个问题,我需要检查与JQuery,如果单选button组内没有单选button已被检查,以便我可以给用户一个JavaScript错误,如果他们忘了检查选项。

我正在使用下面的代码来获取值

var radio_button_val = $("input[name='html_elements']:checked").val(); 
 if (!$("input[name='html_elements']:checked").val()) { alert('Nothing is checked!'); } else { alert('One of the radio buttons is checked!'); } 

我在用着

 $("input:radio[name='html_radio']").is(":checked") 

如果radiogroup中的所有项目都未选中,将返回FALSE,如果选中一个项目,则返回TRUE。

你可以做这样的事情:

 var radio_buttons = $("input[name='html_elements']"); if( radio_buttons.filter(':checked').length == 0){ // None checked } else { // If you need to use the result you can do so without // another (costly) jQuery selector call: var val = radio_buttons.val(); } 
 if ($("input[name='html_elements']:checked").size()==0) { alert('Nothing is checked!'); } else { alert('One of the radio buttons is checked!'); } 

使用.length请参考http://api.jquery.com/checked-selector/

 if ($('input[name="html_elements"]:checked').length === 0) alert("Not checked"); else alert("Checked"); 

我认为这是一个简单的例子,如何检查一组无线电广播是否被检查。

 if($('input[name=html_elements]:checked').length){ //a radio button was checked }else{ //there was no radio button checked } 
 var len = $('#your_form_id input:radio:checked').length; if (!len) { alert("None checked"); }; alert("checked: "+ len); 

我用这很简单

HTML

 <label class="radio"><input id="job1" type="radio" name="job" value="1" checked>New Job</label> <label class="radio"><input id="job2" type="radio" name="job" value="2">Updating Job</label> <button type="button" class="btn btn-primary" onclick="save();">Save</button> 

脚本

  $('#save').on('click', function(e) { if (job1.checked) { alert("New Job"); } if (job2.checked) { alert("Updating Job"); } 

}