从onclick按钮事件原型或jQuery发布一系列复选框

Question

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

的HTML

（复选框）：

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

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

Answer 1

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

处理这种情况的一个技巧是将onclick事件处理程序绑定到button元素，然后调用表单本身中隐藏的提交按钮的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();
}

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

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

Answer 2

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

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