jQuery 在复选框按下时提交表单

Question

我正在尝试使用 jQuery 提交选中或取消选中复选框并使用该复选框的数据值的表单，有人可以帮助我了解如何执行此操作吗？

Answer 1

提交刚刚取消选中的框的值的要求是这里的不寻常之处。一种选择是将该值填充到将提交的隐藏字段中。所以:

<input name="checkbox_trigger" id="checkbox_trigger" value="" type="hidden" />

然后:

$('#yourcheckbox').click( function(e){
  $('#checkbox_trigger').val( e.value ); // capture on check or uncheck
  $(this).closest('form').submit();
});

如果复选框的名称也很重要，您也可以轻松地遵循此模式来捕获字段名称。