如何使用jQuery重置事件的表单元素(输入,选择,文本区域等)

Question

我需要在单击span后重置表单元素,例如.

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

一些没有属性值的元素,如textarea或radio

有些像按钮我不想从中删除它的值.

我想使用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</span>
</form>

小提琴

如果你只需要使用jQuery:

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

小提琴