我有一个复选框列表,并且给每个人上了一堂课。
这样做的目的是迫使用户选中所有适用的框,并且必须至少选中一个框。

这是我的逻辑:

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

10-08 04:19