javascript - 从 onclick 按钮事件原型或 jQuery 发布一组复选框

Question

我有一个包含数据的行表和一个最左边的复选框。这是我的一行的 HTML

（复选框）：

<input type="checkbox" id="records[]" name="records[]" value="1" />

如您所见，该行有一个名为“records[]”的复选框，表示它是记录数组中的一个值数组。在我的 HTML 表格上方，我有一个按钮，当按下该按钮时，它将获取检查的记录并将其发布到新的 URL。我无法弄清楚如何做到这一点。仅供参考，表格和按钮不在表格中。

Answer 1

我假设您的 HTML 看起来像下面发布的内容，您的输入在表单中，但表格和按钮不在。

处理这种情况的一个技巧是将 onclick 事件处理程序绑定到您的按钮元素，然后调用表单本身中隐藏提交按钮的 click 方法。这有效地将您的按钮“链接”在一起。

<form action="/yourURL" name="yourForm" method="post">
    <input type="checkbox" id="records[]" name="records[]" value="1" />

    <input type="submit" style="display:none" id="submitBtn" />

</form>

<table>
    <button id="yourButton" value="click me" />

</table>

$('#yourButton').click(function() {
    $('#submitBtn').click();
}

另一种方法是只调用表单对象本身的提交方法：

$('#yourButton').click(function() {
    $('[name="yourForm"]').submit();
}

Answer 2

jQuery('#tableId input[type="checkbox"]')

一点点jquery。这将从表中选择所有复选框项目。您可以使用 .val() 方法检查是否已检查。