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>

Answer 2

尝试这样做

document.getElementById("agreecheckbox").checked = false;

Answer 3

这是使用jquery重置复选框的简单示例。此解决方案检查是否已单击id重置，如果是，则从复选框ID中删除checked属性。

$(function(){
$("#reset").click(function(){
   $("#chkbox").removeAttr('checked');
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button  id="reset">reset</button>
<input id=chkbox type=checkbox checked>

Answer 4

尝试更改为

var field= document.getElementById('agreecheckbox');
field.checked= false;

我们将复选框属性设置为false 如果要将其更改为true，可以设置field.checked = true;

Answer 5

＆＃13;

document.getElementById('reset').onclick= function() {
    var field= document.getElementById('agreecheckbox');
    field.checked= field.defaultValue;
};

＆＃13;

<input id="agreecheckbox" type="checkbox">
<button  id="reset">reset</button>

＆＃13;

取消选中按钮上的复选框，不重置表单

5 个答案: