如何实现仅在复选框被勾选时自动提交表单？

你只需要在复选框的change事件中判断它的选中状态，只有符合预期状态时才触发表单提交即可，以下是具体实现：

1. 原生JavaScript实现 #

直接在复选框的onchange事件中加入状态判断：

<!-- 仅勾选时提交 -->
<input type="checkbox" onchange="if(this.checked) this.form.submit()" ... />

<!-- 仅取消勾选时提交 -->
<input type="checkbox" onchange="if(!this.checked) this.form.submit()" ... />

这种方式不需要额外的JS函数，简洁直接，适合简单场景。

2. jQuery实现（适配你现有代码结构） #

先修正你原代码的问题：你之前在submit()函数里重复绑定change事件，会导致多次触发的问题，应该直接绑定一次事件并加入状态判断：

HTML代码 #

<form method="post" id="form2">
  <input type="checkbox" value="on" id="switch">      
</form>

JavaScript代码 #

// 仅当勾选时提交表单
$('#switch').change(function() {
  if (this.checked) { // 若要取消勾选时提交，改为 !this.checked
    $('#form2').delay(200).submit();
  }
});

原理说明 #

你之前的方案没有判断复选框的checked属性，只要复选框状态发生变化（不管是勾选还是取消）就会触发提交。通过加入if(this.checked)或if(!this.checked)的判断，就能精准控制只有在指定状态下才执行表单提交操作，完全不需要用PHP临时禁用事件的 workaround。

内容的提问来源于stack exchange，提问作者Ali Arefzadeh