我有一个复选框列表,我给每个复选框都指定了一类。 这个想法是强制用户选中所有适用的框,并且至少必须选中一个框。
这是我的逻辑:
<form method="post" onsubmit="return validateForm()">
<input type="checkbox" class="chkboxes" name="chkbox1" id="chkbox1"> Text Here<br>
<input type="checkbox" class="chkboxes" name="chkbox2" id="chkbox2"> Text Here<br>
<input type="checkbox" class="chkboxes" name="chkbox3" id="chkbox3"> Text Here<br>
<input name="Submit" type="submit" value="Submit">
</form>
<script language="javascript" type="text/javascript">
function validateForm() {
$(".chkboxes").each(function(){
if( $(this).is(':checked')==true ){
return true;
}else{
alert('Please check at least 1 box');
return false;
}
});
}//eof validateForm function
</script>
当我提交表单时,javascript函数被成功调用。 但是,它似乎没有识别出任何复选框已被选中。
任何人都可以看到我的 javascript 函数中的任何错误吗?
最佳答案
function validateForm() {
var len = $(".chkboxes:checked").length;
if ( len === 0 )
alert('Please check at least 1 box');
}
return len > 0;
}
关于jQuery - 验证每个循环中的复选框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15346302/