【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 ラジオボタン が選択されていても。 なにかチェックされていても。 テキストエリアでも。
[JQuery] フォームの値をすべてリセットする | unosk.com
input type=”reset”を用いれば、そのフォームの値をリセットすることができます。 しかし [html] <input type=”text” value=”hoge” /> [/html] のようにvalueが設定されているものには効果がありません。 以下のようなスクリプトでresetボタンの動作を書き換えることで、valueが設定されていようがすべての入力をリセットさせることができます。 [javascript] jQuery(document).ready(function() { $(“:reset”).click(function() { $(this.form).find(‘:input’).each(function() { switch (this.type) { case ‘password’: case ‘select-multiple
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
