Php 同一页面上有多个AJAX表单？

我很难在同一个php页面上提交多个AJAX表单。我可以让它与一个一起工作，但当我添加更多时，它总是使用第一个表单。 我试图让它独一无二，但不确定具体如何做到这一点。 我的代码如下，如果有人能帮忙，那将是非常棒的。 我在这个网站上看到了类似的问题和答案，但似乎不知道如何让它对我有用。 选中或取消选中复选框时，应提交表单。 非常感谢您的帮助。 马丁

HTML表单

剧本

试试这个

<script type="text/javascript">
    $(document).on("change", '[type="checkbox"]', function (event) {
        var url = "/register_update.php";
        $.ajax({
            dataType: "html",
            type: "POST",
            url: url,
            data: $($(event.target).parent()).serialize(),
            success: function (data) {
            }
        });
        return false;
    });
</script>

event.target返回单击的复选框。

---

父函数返回需要提交的表单。这样，您就不需要具有唯一的表单id。

但这只是一个表单。您在该页面上是否有多个id为search\u form的表单？因为这是无效的，所以需要修改IDunique@kerbholz我添加了多个表单，每个表单都有不同的id和脚本，它们也有不同的id。它一直使用表单的第一个实例提交。因此您有多个$document.onchange，“[type=checkbox]”函数{…在您的页面上？它们不会堆叠，更改页面上的任何复选框都会触发第一个code@kerbholz是的，每个表单我都更改了行数据：$search\u form.serialize，以反映每个表单的id。因此，这显然是个问题。如何使用多个表单但一个脚本“捕获”任何唯一表单bmissions？这没关系，因为只有第一个$document.onchange，“[type=checkbox]”被触发，这就是为什么只有第一个表单被提交。您需要更具体地说明哪些复选框应该触发哪个表单，比如$document.onchange，'form1[type=checkbox]”应该提交form1，$document.onchange，'form2[类型=复选框]'应该提交form2等。我认为这些代码实际上不起作用，但我希望你能得到它的ideaThanks。我似乎无法让它起作用。它似乎没有任何作用。我在显示页面时收到此错误消息来源：TypeError:parent不是函数。在'parentevent.target'中，'parent'是WindowUpdate的一个实例。它是oud be event.target.parentI进行了更新，但它仍然不起作用。我应该删除表单id吗？它起作用了！非常感谢！非常感谢

<script type="text/javascript">
    $(document).on("change", '[type="checkbox"]', function () {
        var url = "/register_update.php";
        $.ajax({
            dataType: "html",
            type: "POST",
            url: url,
            data: $("#search_form").serialize(),
            success: function (data) {
            }
        });
        return false;
    });
</script>

<script type="text/javascript">
    $(document).on("change", '[type="checkbox"]', function (event) {
        var url = "/register_update.php";
        $.ajax({
            dataType: "html",
            type: "POST",
            url: url,
            data: $($(event.target).parent()).serialize(),
            success: function (data) {
            }
        });
        return false;
    });
</script>