jquery：需要一些函数来清空所有 <input> 值属性（在表单内），除了类型被隐藏的输入[重复]

Posted 2023-05-09

【中文标题】jquery：需要一些函数来清空所有 <input> 值属性（在表单内），除了类型被隐藏的输入[重复]

【英文标题】：jquery: need some function that will empty all the <input> value attribute (that inside form) except inputs that type is hidden [duplicate]

【发布时间】：2020-12-05 17:53:28

【问题描述】：

我需要清空所有值、所有选中的框和所有选定的项目（重置里面的值） 除了 type="hidden" 属性的输入。

<form id="formname">
<input type="text" value="1232423"/>
<input type="password" value="abcdefgh"/>
<input type="file"/>
<textarea>some inputed text</textarea>
<input type="checkbox" checked="checked"  />
<select>
<option>a</option>
<option selected="selected">b</option>
<option>c</option>
</select>

<input type="hidden" value="storeddata1"/>
<input type="hidden" value="storeddata2"/>
<input type="hidden" value="storeddata3"/>
</form>

【参考方案1】：

试试这个 (https://codepen.io/AlibiGhazi/pen/XWddyPR)

$(':input','#formname')  
  .not(':hidden')
  .val('')
  .prop('checked', false)
  .prop('selected', false);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form id="formname">
<input type="text" value="1232423"/>
<input type="password" value="abcdefgh"/>
<input type="file"/>
<textarea>some inputed text</textarea>
<input type="checkbox" checked="checked"  />
<select>
<option>a</option>
  
  
<option selected="selected">b</option>
<option>c</option>
</select>

<input type="hidden" value="storeddata1"/>
<input type="hidden" value="storeddata2"/>
<input type="hidden" value="storeddata3"/>
</form>

【参考方案2】：

你也可以使用 form.reset()。在表单元素上调用此方法时，会将其所有子元素重置为赋予这些子元素的初始值。