處理 HTML 中的多個復選框

Question

我不是 HTML 和 JavaScript 的專家。 但這是我正在嘗試做的。

我創建了一個 HTML/jQuery/JS/CSS 腳本。

HTML 文件以表格形式列出了文件數（數字不固定），並且每個文件都有復選框。

用戶可以選擇一個或多個要刪除的文件，然后單擊“提交”按鈕。

這是我嘗試過的：

• 列出表格列中的所有文件
• 包含復選框<td><input type="checkbox" id="deletefile" /></td>
• 提交按鈕
• 提示用戶確認所有文件
• 我已經在 Python 中編寫了刪除文件的代碼（我需要調用正確的 URL 來刪除單個文件）

我不確定如何處理 HTML/JavaScript 中的所有復選框條目。

Answer 1

在 jQuery 中，您可以使用以下代碼獲取輸入復選框選中列表：

$('input:checked').each(function(i){
val[i] = $(this).val();
}

這里val[i]包含數組，即選中的復選框列表，因此將此數組數據傳遞給服務器端代碼以從服務器中刪除。希望這對您有所幫助:-)

編輯：

一旦檢查下面的實時示例：

http://jsfiddle.net/rN2gm/

選擇復選框並單擊按鈕，然后再次取消選擇並單擊。

Answer 2

<td><input type="checkbox" name="deletefile[0]" /></td>
<td><input type="checkbox" name="deletefile[1]" /></td>

使用數組，您可以識別每個復選框。