Javascript 将复选框重置为初始状态
您可能知道,表单中的重置按钮无法将复选框重置为其初始状态。如何使用javascript、PHP、jquery或…?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>
以下是我的代码:
<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);