从点击按钮事件原型或 jQuery 发布复选框数组

Posting an array of checkboxes from an onclick button event prototype or jQuery

本文关键字：jQuery 复选框 数组 原型 按钮 事件      更新时间：2023-09-26

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

（复选框）：

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

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

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

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

<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();
}

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

一点点的jquery。这将从表中选择所有 chekbox 项目。你可以用.val（）方法检查它是否被选中。

相关文章：