javascript - 如何使用 jQuery 在事件中重置表单元素(输入、选择、文本区域等)

Question

例如，我需要在单击跨度后重置表单元素。

有没有一种方法可以通过 jQuery 重置 from 而无需选择每个元素并删除属性值。

一些没有属性值的元素，比如textarea or radio

有些像 button 我不想从中删除值。

我想使用 jQuery 在其他事件上使用重置

代码示例 http://jsfiddle.net/pgNrF/

<input type="button" value="Input Button">
<input type="checkbox">
<input type="hidden">
<textarea></textarea>
<span>Reset</span>

Answer 1

如果您将这些表单元素包装在实际表单中，这已经内置:

<form id="myform">  
    <input type="button" value="Input Button">
    <input type="checkbox">
    <input type="file">
    <input type="hidden">
    <input type="image">
    <input type="password">
    <input type="radio">
    <input type="submit">
    <input type="text">
    <select>
        <option>Option1</option>
        <option>Option2</option>
        <option>Option3</option>
    </select>
 
    <textarea></textarea>
    <button type="button">Button</button> 

    <button type="reset">Reset</button>
</form>

FIDDLE

如果你只需要使用 jQuery:

$('span').click(function() {
    $('#myform').get(0).reset();
});

FIDDLE