javascript - 在不重置表单的情况下取消选中按钮上的复选框

Question

我有一个按钮，我想重置三个表单输入。

我已设法清除两个文本输入(输入 1 和输入 2)，但复选框不会清除。

<button  id="reset">reset</button>

这是我的脚本:

<script type="text/javascript">
document.getElementById('reset').onclick= function() {
    var field= document.getElementById('textbox1');
    field.value= field.defaultValue;
    var field= document.getElementById('textbox2');
    field.value= field.defaultValue;
    var field= document.getElementById('agreecheckbox');
    field.value= field.defaultValue;
};
</script>

Answer 1

这是您需要的结构。我直接在按钮上添加了 onclick 并创建了一个函数(myFunctionName)。我在您的按钮和复选框周围添加了一个表单，因为我们正在处理表单数据。然后检查是否使用此方法选中了复选框。如果不是，它将检查设置为空。

CSS

function myFunctionName(){
if(document.getElementById('agreecheckbox').checked  == true){
document.getElementById('agreecheckbox').checked = '';
var field= document.getElementById('textbox1');
field.value= field.defaultValue;
var field= document.getElementById('textbox2');
field.value= field.defaultValue;
}}

HTML

<form id="formName" method="post">
<button onclick="myFunctionName();" type="button"  id="reset">reset</button>
<input type="checkbox" checked="" id="agreecheckbox">
</form>