在实际提交发生之前，如何使用标准提交事件和 jquery 删除/增强/更改表单提交数据？

Question

是否可以从表单中提取数据，比如：

<form action="/search/search" data-remote="true" data-type="json" id="search_form" method="get">

  <div class="input-group">
    <span class="input-group-addon">
      <input name="search[req][text][e]" type="hidden" value="false">
      <input id="search_req_text_e" name="search[req][text][e]" type="checkbox" value="true">
    </span>
    <input id="search_req_text_v" name="search[req][text][v]" type="text" value="">
  </div>

  <button id="fire_search" type="submit">Search</button>

</form>

我想到了 jQuery 的 .submit() 方法。但是如何从事件中提取和更改 url？

$('#search_flickr_panel_body form').submit(function(e) {
    console.log(e)
}

我在 Chrome DevTools 中没有看到打印的事件对象中的任何 url

我想删除未选中的文本字段。

也许 .attr('disabled', 'true') 将是删除的变体，但是如何更改数据，而不在文本字段中更改，仅在提交 url 中？

更新：

我在表单中有超过 100 个这样的输入字段，所以即使只检查一个也只发送所有这些字段不是很好（太多无用的数据造成通信开销）

更新2：

我不仅希望能够从提交数据中删除未检查的数据，而且还希望能够在提交之前更改此数据（例如为值添加前缀，添加新参数），以便我可以影响结果url（带数据）。

Answer 1

这将禁用所有关联复选框未选中的文本字段...

$(function() {
    $('#search_form').submit(function(e) {
        e.preventDefault();

        $(".input-group").each(function() {
            $(this).find("input:text").prop("disabled", !$(this).find("input:checkbox")[0].checked);
        });

        this.submit();

        $(".input-group input:text").prop("disabled", false);
    }
});

残障人士不应与表格的其余部分一起提交。