使用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"); }
}