我试图编写jQuery代码来验证是否检查某个单选按钮。 如果选中该单选按钮,则会出现4个复选框,并且必须至少检查其中一个复选框。 如果不是,浏览器将显示警报,而在另一种情况下,将发送表单。当单选按钮被选中时,复选框变为必需
问题是,即使我选择了一个复选框,我得到浏览器警报,我没有选中任何复选框,并且表单不会提交。 Thx提前。
HTML:
<form method='POST' action='#'>
<input type='radio' id='D_odg' name='c' value=''>
<div id='D_div'>
<input type='checkbox' value='1' name='c3' id='inputD1'><label>Label1</label>
<input type='checkbox' value='2' name='c3' id='inputD2'><label>Label2</label>
<input type='checkbox' value='3' name='c3' id='inputD3'><label>Label3</label>
<input type='checkbox' value='4' name='c3' id='inputD4'><label>Label4</label>
</div>
<input type='submit' value='Send' id='button'>
</form>
的jQuery:
$('#button').click(function() {
var checkedboxes = $('.D_div :checkbox:checked').length;
if ($('#D_odg').prop('checked') && checkedboxes===0{
alert('At least 1 checkbox must be selected');
return false;
}else{
alert('Form submited!');
}
});
'.'为类,而'#'为id。您的选择器不同 – guradio