SOFTELメモ

Softel Inc.

【jQuery】formのリセットをで3行で書いてみる

フォームのリセットといえばこれ。

<input type="reset" value="リセット" />

しかしこれは各フォームのデフォルト値に戻すだけで、もともと何か値を持っていた場合、空欄の状態にはなりません。

(とあるフォームにて)



そこでjQueryで各フォームを空欄・未選択にできるような処理を書いてみます。

その際、hiddenだけは空欄にしないようにしてみます。

$(".clearForm").bind("click", function(){
    $(this.form).find("textarea, :text, select").val("").end().find(":checked").prop("checked", false);
});

こんな感じになります。

DEMO

ラジオボタン
 が選択されていても。

なにかチェックされていても。

 

関連するメモ

コメント