Question

我遇到了问题，如果单选按钮组中没有单选按钮，我需要查看JQuery，这样如果忘记查看选项，我可以给用户一个javascript错误。

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

var radio_button_val = $("input[name='html_elements']:checked").val();

Answer 1

我正在使用

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

如果取消选中radiogroup中的所有项目，则返回FALSE;如果检查了项目，则返回TRUE。

Answer 2

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

Answer 3

你可以这样做：

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();
}

Answer 4

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

Answer 5

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

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

Answer 6

我认为这是一个简单的例子，如何检查一组无线电中的无线电是否被检查过。

if($('input[name=html_elements]:checked').length){
    //a radio button was checked
}else{
    //there was no radio button checked
}

Answer 7

var len = $('#your_form_id input:radio:checked').length;
      if (!len) {
        alert("None checked");
      };
      alert("checked: "+ len);

Answer 8

我正在使用这么简单的

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>

SCRIPT

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

}

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

8 个答案: