☰

jQueryでフォームフィールドをクリアする 質問する

tag-icon • tag-icon jquery html forms
jQueryでフォームフィールドをクリアする 質問する

フォーム内のすべての入力フィールドとテキストエリア フィールドをクリアしたいです。クラスで入力ボタンを使用すると、次のように動作しますreset。

$(".reset").bind("click", function() {
  $("input[type=text], textarea").val("");
});

これにより、フォームのフィールドだけでなく、ページ上のすべてのフィールドがクリアされます。実際のリセット ボタンが存在するフォームのみのセレクターはどのようになるでしょうか?

ベストアンサー1

jQuery 1.6+ の場合:

$(':input','#myform')
  .not(':button, :submit, :reset, :hidden')
  .val('')
  .prop('checked', false)
  .prop('selected', false);

jQuery < 1.6 の場合:

$(':input','#myform')
  .not(':button, :submit, :reset, :hidden')
  .val('')
  .removeAttr('checked')
  .removeAttr('selected');

こちらの投稿をご覧ください:jQuery でマルチステージ フォームをリセットする

または

$('#myform')[0].reset();

jQueryとして示唆する:

フォーム要素の、、状態checkedなどselectedのDOMプロパティを取得および変更するには、disabled.prop()方法。

おすすめ記事