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

Tweet

Category JavaScript / Tagged jQuery 2012/02/16

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

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

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

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

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

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

こんな感じになります。

DEMO