使用Javascript驗證選擇多個複選框

Question

我在寫一個表單，可以選擇多個複選框並將其保存到MySQL數據庫中。不過，我現在想限制用戶可以使用javascript選擇的複選框的數量，並且遇到了一些麻煩。

似乎導入功能仍然有效，每個複選框需要具有相同的名稱，以便它們可以被識別和內爆，但是爲了使Javascript功能起作用，每個名稱都需要不同，以便他們可以有區別。

任何建議將受到感謝！

這是我一直在玩的代碼。

JavaScript函數：

<?php $calc = mysql_query($query) or die(mysql_error()); ?> 

<SCRIPT LANGUAGE="javascript"> 

function KeepCount() 
{ 
var NewCount = 0 

<?php while($count_row = mysql_fetch_array($calc)){ 
echo " 

if (document.import1.checkbox".$count_row['id'].".checked) 
{NewCount = NewCount + 1} 

"; 
} ?> 

if (NewCount == 6) 
{ 
alert('You can select up to 5 competitors. If you wish to import more you will need to add more judges.') 
document.import1; return false; 
} 
} 
</SCRIPT> 

形式：

<form action="import_process.php" method="post" name="import1" id="import1"> 
<input name="import" type="submit" id="import" value="Import"> 

<table> 
<tr> 
<td>&nbsp;</td> 
<td>Name</td> 
<td>Gender</td> 
</tr> 

<?php $counter = 1; 
$result = mysql_query($query) or die(mysql_error()); 
while($row = mysql_fetch_array($result)){ 
echo "<tr bgcolor=white>"; 
echo "<td align=\"center\"> 
<input name=\"checkbox".$row['id']."\" type=\"checkbox\" id=\"checkbox[]\" value=\"".$row['id']."\" onClick=\"return KeepCount()\"></td>"; 
} 
echo "<td>".$row['name']."</td>"; 
echo "<td>".$row['gender']."</td>"; 
echo "</tr>"; 
$counter++; 
} 
?> 
</table> 
</form> 

import_process.php：

if(isset($_POST['checkbox'])){ 
$checkbox = $_POST['checkbox']; 
$id = "('" . implode("','", $checkbox) . "');" ; 
$sql=" 
INSERT INTO..." 

Answer 1

，很難一點點理解你的代碼，但我想你混淆由名字的差異一個id。 ID必須爲每一個複選框不同，名稱必須相同：

<input id=\"checkbox".$row['id']."\" type=\"checkbox\" name=\"checkbox[]\" value=\"".$row['id']."\" onClick=\"return KeepCount()\"></td>"; 

並且名稱屬性是一個，至極需要[]，讓你的陣列$_POST['checkbox']中得到的結果。

第二個是，你的函數KeepCount似乎總是檢查相同的複選框（或者我真的不明白它是如何工作的），因爲無論$count_row['id']是什麼，它在頁面解析時設置一次，所以javascript函數不能真正數一數。

因此改變複選框創造這樣的：

<input id=\"checkbox".$row['id']."\" type=\"checkbox\" name=\"checkbox[]\" value=\"".$row['id']."\" onClick=\"return KeepCount(this)\"></td>"; 

像這樣

var count = 0;  

function KeepCount(it) { 
if (it.checked) { 
    count = count + 1; 
} else { 
    count = count - 1; 
} 
if (count == 6) { 
    alert('You can 
    etc. 

這應該工作的JavaScript。

順便說一下：value = row ['id']似乎也是無稽之談。