如何使用jQuery清除表单中的所有输入,选择和隐藏字段?

Mig*_*elo 22 javascript jquery

我想清除表单中的所有输入,选择以及所有隐藏字段.如果最适合,使用jQuery是一个选项.

最简单的方法是什么......我的意思是易于理解和维护.

[编辑]

解决方案一定不要弄乱复选框(必须保留值,但必须清除已检查状态),也不能清除提交按钮.

我想要做的是一个清除按钮,清除用户明确输入的所有选项,加上隐藏字段.

谢谢!

Dar*_*rov 64

$('#myform')[0].reset();
Run Code Online (Sandbox Code Playgroud)

或者没有jQuery:

document.getElementById('myform').reset();
Run Code Online (Sandbox Code Playgroud)

reset()包含要清除的元素的表单的id 在哪里.

myform如果字段不在表单内,您也可以使用选择器:

$(':input').val('');
Run Code Online (Sandbox Code Playgroud)

  • `reset()`不会这样做...如果表单已经带有值.此外,清除所有输入有副作用清除我的输入按钮和提交按钮...它也确实清除了复选框的值,这不是我正在寻找的行为. (6认同)
  • @Miguel Angelo,然后尝试将它们从你的选择器中排除:`$(':input').not(':checkbox,:submit').val('');` (4认同)

Gol*_*rol 21

要使用JQuery清除所有输入,包括隐藏字段:

// Behold the power of JQuery.
$('input').val('');
Run Code Online (Sandbox Code Playgroud)

选择更难,因为它们有一个固定的列表.您想要清除该列表,还是仅清除选择.

可能是这样的

$('option').attr('selected', false);
Run Code Online (Sandbox Code Playgroud)