javascript - 单击数据关闭按钮时如何清除 Bootstrap 模式中的所有输入字段？

Question

如何在单击数据关闭按钮时清除 Bootstrap V3 模态中的所有输入字段？

Answer 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/

---

我会建议以上内容，因为它将清除绑定(bind)到模式本身而不是关闭按钮，但我意识到这不能解决您的具体问题。您可以使用绑定(bind)到关闭按钮的相同清除逻辑:

$('[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/