将复选框重置为初始状态

Question

您可能知道，表单中的重置按钮无法将复选框重置为其初始状态。我怎样才能使用 javascript 或 PHP 或 jquery 或...实现这一点？
这是我的代码：

<form method="POST">
<input type="text" name="name" id="name" value="default value" required >
<input type="checkbox" name="group[]" id="checkbox1" value="0" checked>
<input type="checkbox" name="group[]" id="checkbox2" value="1" >
<button type="reset"> Reset </button>
<button type="submit"> Submit </button>
</form>

Answer 1

遍历所有输入元素并取消选中已选中的元素。

var allInputs = $( ":input" );

for(var i = 0; i < allInputs.length; i++) {

   if( $( 'input[type="checkbox"]:checked' ) )
      $( this ).prop('checked', false);
}

或者正如詹姆斯指出的那样，这可以在这样的一行中完成：

$( 'input[type="checkbox"]' ).prop('checked', false);