我有一个复选框列表,并且给每个人上了一堂课。
这样做的目的是迫使用户选中所有适用的框,并且必须至少选中一个框。
这是我的逻辑:
<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;
}