在 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>

使用数组，您可以识别每个复选框。