☰

データ消去ボタンをクリックしたときにブートストラップモーダルのすべての入力フィールドをクリアするにはどうすればよいですか? 質問する

tag-icon • tag-icon javascript html twitter-bootstrap
データ消去ボタンをクリックしたときにブートストラップモーダルのすべての入力フィールドをクリアするにはどうすればよいですか? 質問する

データ消去ボタンをクリックしたときに、Bootstrap V3 モーダル内のすべての入力フィールドをクリアするにはどうすればよいですか?

ベストアンサー1

http://getbootstrap.com/javascript/#modalsモーダルが非表示になったときのイベントを表示します。それをタップするだけです:

$('#modal1').on('hidden.bs.modal', function (e) {
  $(this)
    .find("input,textarea,select")
       .val('')
       .end()
    .find("input[type=checkbox], input[type=radio]")
       .prop("checked", "")
       .end();
})

http://jsfiddle.net/5LCSU/

閉じるボタンではなくモーダル自体にクリアをバインドするため、上記をお勧めしますが、これは特定の質問には対応していないことがわかりました。閉じるボタンにバインドされた同じクリアロジックを使用できます。

$('[data-dismiss=modal]').on('click', function (e) {
    var $t = $(this),
        target = $t[0].href || $t.data("target") || $t.parents('.modal') || [];

  $(target)
    .find("input,textarea,select")
       .val('')
       .end()
    .find("input[type=checkbox], input[type=radio]")
       .prop("checked", "")
       .end();
})

http://jsfiddle.net/jFyH2/

おすすめ記事