1

チェックボックスのリストがあり、それぞれにクラスを与えました。アイデアは、該当するすべてのボックスをユーザーに強制的にチェックさせることであり、少なくとも1つのボックスをチェックする必要があります。

これが私の論理です：

<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関数のエラーを見ることができますか？

4

1 に答える 1

3 
function validateForm() {
  var len = $(".chkboxes:checked").length;
  if ( len === 0 )
     alert('Please check at least 1 box');
  }  
  return len > 0;
}
于 2013-03-11T18:56:01.167 に答える