Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/378.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将复选框重置为初始状态_Javascript_Jquery_Html_Ajax_Checkbox - Fatal编程技术网

Javascript 将复选框重置为初始状态

Javascript 将复选框重置为初始状态,javascript,jquery,html,ajax,checkbox,Javascript,Jquery,Html,Ajax,Checkbox,您可能知道,表单中的重置按钮无法将复选框重置为其初始状态。如何使用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>

您可能知道,表单中的重置按钮无法将复选框重置为其初始状态。如何使用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>

重置
提交

为表单分配一个ID,然后:

document.getElementById("your form id").reset()

迭代所有输入元素并取消选中已选中的元素

var allInputs = $( ":input" );

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

   if( $( 'input[type="checkbox"]:checked' ) )
      $( this ).prop('checked', false);
}
试试这个:
var resetForm=function(){
$('#form')[0].reset();
}

重置
提交

您可以将初始值保存在Javascript中,然后在剩余的按钮上单击,将该值更改为初始值。如果您不具体提供属性,则会重置复选框,如果您将默认值指定给表单中的任何字段,则不会重置该值。如果这有帮助,如果您希望这些值最初被填充,那么答案会有所不同。请提供你真正想做的全部信息..你上面的HTML对我来说很好。它将复选框重置为初始状态(即复选框1已选中,复选框2未选中)。可能是浏览器问题?您能解释一下您接受的答案是如何将复选框重置为初始状态的吗?我相信它会取消选中所有复选框,或者只是
$('input[type=“checkbox”]')。prop('checked',false)?是的,可以这样做,而不是jQuery 1.6,修改选中的
attr将更有效。您需要
.prop('checked',false)
。1.6之后
删除ttr
将不起作用,这是什么意思?顺便说一句,我使用的是
3.2.1
最新版本。它将取消选中所有复选框。我不需要。如果最初选中了复选框怎么办?@Mahesh Singh Couhan更正。这是一个代码笔:@Omid更新了我的答案,现在如果它被初始选中,那么它将只重置已更改的复选框设置不是-node的标准函数
$( 'input[type="checkbox"]' ).prop('checked', false);