7

たとえば、スパンをクリックした後にフォーム要素をリセットする必要があります。

各要素を選択せず​​に 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>
4

5 に答える 5

11

これらのフォーム要素を実際のフォームでラップする場合、これはすでに組み込まれています。

<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>

フィドル

jQuery を使用する必要がある場合:

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

フィドル

于 2013-08-21T17:55:19.230 に答える
1

を使用しない場合は<form>、jQuery を使用 -

$('span').click(function() {
    $("input").val("")
    $("select option").removeAttr("selected");
    $("textarea").val("");
});
于 2013-08-21T17:57:01.160 に答える
0

リセット ボタンを使用していない場合は、この jquery コードを使用してください

 $('span').click(function() {
    $('input').val('');
    $("textarea").val('');

});
于 2013-08-21T18:01:34.497 に答える
0

変化する

<span>Reset</span>

に

<input type='reset' value='Reset'>

すべてのフォーム値をデフォルト値にリセットするようにしました。

また、いくつかのイベントのバインドを解除する必要がある場合は、jQuery を使用して実行できます。

$("input:reset").click(function() {
   // unbind and reset what is left
});
于 2013-08-21T17:54:44.893 に答える