选中复选框的行表中的表单中没有复选框数据

Question

在表格中，每一行都包含一个独特形式的复选框，如下所示：

<td class="d-inline-block col-2">
        <div class="form-check">
          <form action="/slider-update/1" method="post" id="check-1">
            <input type="hidden" name="csrfmiddlewaretoken" value="uDIiSPShbE3R2COQDI0qE4SlJGiqsQy8CQ2nQ0jllibaOqH6YsU8TtL7Xy0pF8sI">
            <input class="form-check-input position-static" type="checkbox" id="1" value="is_active" aria-label="...">
          </form>
        </div>
 </td>

每个表单都带有一个以pk格式格式化的ID（此处为“ check-1”）。 尽管有所有这些明确的信息，但我无法获得表格！

这是我的JavaScript代码：

    $(document).on('click', 'form', function () {
      var rpk = $(this).attr("id");
      var url = $(this).attr("action");
      var form = $('#' + rpk);
      $.post(url, form.serializeArray())
          .done(function (data) {
              alert( data );
          });
  }); 

我得到了正确的表格，但它只包含令牌，与复选框没有任何关系。

Answer 1

您需要将name属性设置为您的复选框。 jQuery文档在这里serializeArray

这将更改您的代码，如下所示：

 <input class="form-check-input position-static" type="checkbox" id="1" name= "checkbox-1" value="is_active" aria-label="...">

也在您的JavaScript代码中。 不需要做

var form = $('#' + rpk);

你可以用

$(this).serializeArray()

那是 ：

    $(document).on('click', 'form', function () {
      var url = $(this).attr("action");
      $.post(url, $(this).serializeArray())
          .done(function (data) {
              alert( data );
          });
  });