如何通过单击复选框来触发表单提交？

Question

我正在使用 jQuery 1.6，我想通过单击复选框按钮来提交表单。

也就是说，我有以下提交表单的代码

$jQuery('#search_form').submit(function () {
  $jQuery.get(this.action, $jQuery(this).serialize(), null, 'script');
  return false;
});

，当我单击 HTML 代码所在的复选框时，

<input type="checkbox" value="true" ... id="check_box_id">

我想触发表单提交。

我该怎么做？

Answer 1

您可以通过简单地调用不带参数的 submit 来触发 submit 事件：

$jQuery("#check_box_id").click(function() {
    $jQuery("#search").submit();
});

或者，您可以使用 trigger 方法：

$jQuery("#search").trigger("submit");

因为看起来您在提交事件处理程序中触发异步请求，而不是使用默认的表单行为，所以我建议禁用该复选框（或删除事件处理程序） submit 事件处理程序，然后在 get 方法的成功回调中重新启用它，以防止用户重复提交。

Answer 2

$jQ("#check_box_id").click(function(){
  $jQ("#search").submit();
});

Answer 3

在不带参数的情况下调用表单的submit()将触发表单提交。

jQuery 中的大多数事件处理程序都共享这一点；调用 .click() 将模拟单击，而 .click(function...) 设置处理程序。

$(document).ready(function()
{
    $('#check_box_id').click(function()
    {
        $('#search_form').submit();
    });
});