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

フォームのリセットといえばこれ。 <input type="reset" value="リセット" /> しかしこれは各フォームのデフォルト値に戻すだけで、もともと何か値を持っていた場合、空欄の状態にはなりません。 （とあるフォームにて） そこでjQueryで各フォームを空欄・未選択にできるような処理を書いてみます。 その際、hiddenだけは空欄にしないようにしてみます。 $(".clearForm").bind("click", function(){ $(this.form).find("textarea, :text, select").val("").end().find(":checked").prop("checked", false); }); こんな感じになります。 DEMO ラジオボタン が選択されていても。 なにかチェックされていても。 テキストエリアでも。

[grover]

予め値が入っていた時。

[delhicurry]

$(this.form).find("textarea, :text, select").val("").end().find(":checked").prop("checked", false);

[rochefort]

$(this.form).find("textarea, text, select").val("").end().find(":checked").prop("checked", false);

[ooyabuh]

“$(this.form).find("textarea, :text, select").val("").end().find(":checked").prop("checked", false);”

[daaaaaai]

べんり！こんなコンパクトにできるんだ・・・。resetよりも使いやすい