Javascript復選框驗證在php中不起作用

Question

我正在努力驗證復選框，似乎無法理解哪里出了問題。 任何幫助都會很棒。 因為它是從 MySQL 作為數組提取的，所以我不確定這是否是我出錯的地方。

<script language="JavaScript" type="text/javascript">
function checkform ( form )
{
  if(!form.check_box_delete[].checked) {
        alert('Please check at least one of the options.');
        return false;
    }
    return true;
}
</script>

這是身體的代碼：

<form name="form" method="post" action="loan_checkedIn.php" onsubmit="return checkform(this);">
<?php
echo "<table border='1' align='center' width='900'>
<tr>
<th bgcolor='#00a3e0'><font face='Arial'>Select</font></th>
<th bgcolor='#00a3e0'><font face='Arial'>Customer</font></th>
<th bgcolor='#00a3e0'><font face='Arial'>Make</font></th>
<th bgcolor='#00a3e0'><font face='Arial'>Model</font></th>
</tr>";

$results = mysql_query("SELECT * FROM loan WHERE email='$email' AND status='Out'");
while($row1 = mysql_fetch_array($results))
  {
  echo "<tr>";
  echo "<td align='center'><input type='checkbox' name='check_box_delete[]' value='" . $row1['id'] . "'></td>";
  echo "<td align='center'><font face='Arial'>" . $row1['customer'] . "</font></td>";
  echo "<td align='center'><font face='Arial'>" . $row1['make'] . "</font></td>";
  echo "<td align='center'><font face='Arial'>" . $row1['model'] . "</font></td>";
  echo "</tr>";
  }
  echo "</table>";
  ?>

  <p align="center"><input type="submit" style="background-color:#00A3E0; color:#FFFFFF;" name="submit" value="Return Equipment"></p>
  </form>   

Answer 1

您可以遍歷表單中的所有元素type=checkbox 。

   var element = form.elements;
   for (var i = 0, element; element = elements[i++];) {
    if (element.type === "checkbox" && element.selected === "selected")
        alert("it's an empty textfield");
    }

Answer 2

您在 javascript 中遇到問題。 更改您的代碼如下：

<script language="JavaScript" type="text/javascript">
function checkform ( form )
{  
  var checkboxs=form['check_box_delete[]'];
  var cheked=false;
  for(var i=0,l=checkboxs.length;i<l;i++)
  {
      if(checkboxs[i].checked)
      {
          cheked=true;
          break;
      }
  }
  if(!cheked)
  {
    alert('Please check at least one of the options.');
        return false;
  }  
    return true;
}
</script>

還要停止使用已棄用/刪除的mysql_擴展。 使用mysqli_ 或PDO代替（使用准備好的查詢）