Question

我正在尝试创建订单。我想要它，以便当您选择按钮打印您的订单时，也可以重置所有选定的按钮。为了简单起见，我给出了一个非常简化的实际订单版本：

HTML：

<form id="myForm">
    <input type="checkbox">
    <input type="button">
    <input type="button" onclick="reset();"
</form>

Javascript：

function reset(){
    document.getElementById("myForm").reset();
 }

我的问题是，当我点击按钮重置页面时，复选框保持选中状态。

Answer 1

如果您想重置for，请使用RESET按钮

<form id="myForm">
    //YOUR FORM ELEMENT EITHER CHECKBOX OR OTHERS
    <input type="reset" value='RESET'/>
</form>

现在无需编写任何脚本代码，type ='reset'将自动处理表单标记内所有元素的重置。

Answer 2

问题是你的HTML，最后一个输入按钮未正确关闭

这是有效的JSfiddle

<form id="myForm">
    <input type="checkbox">
    <input type="button">
    <input type="button" onclick="reset();">
</form>

Javascript代码

function reset(){
    document.getElementById("myForm").reset();
 }

Answer 3

html中有一个不平衡的标记，input type='reset'也可用于重置表单

function reset() {
  document.getElementById("myForm").reset();
}

<form id="myForm">
  <input type="checkbox">
  <input type="button">

  <input type="button" onclick="reset()" value="button reset">
   <!--Adding new input type -->
  <input type="reset" value="reset"> </form>
</form>

重置所有按钮和下拉列表

3 个答案: