关闭时重置引导程序模型内容

Question

你好，我正在寻找一种方法，当用户关闭我的模型时，它会重置他输入的所有数据。例如，取消选中他检查的输入。

如果可能的话，我正在寻找一个jquery解决方案。

代码

<div id="myModal" class="modal fade" role="dialog">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                        <h4 class="modal-title">Insert your information!</h4>
                    </div>
                    <div class="modal-body">
                        <h4>Summoner Name:</h4>
                        <input type="text" />
                        <br /><br />
                        <h4>Select boosting methode</h4>
                        <span>
                            <input type="checkbox" />SoloQ
                            <input id="DuoQCheckbox" type="checkbox" />DuoQ
                        </span>
                        <br />(We add +25% to the final price for DuoQ)
                        <br /><br />
                        <h4>Select your region</h4>
                        <select>
                            <option></option>
                            <option>EUW (Europe West)</option>
                            <option>EUNE (Europe Nordic & East)</option>
                            <option>NA (North America)</option>
                        </select>
                    </div>
                    <div class="modal-footer">
                        <div>
                            <a>Buy now</a>
                            total
                            <span id="priceCheckout"></span>
                            $
                        </div>
                    </div>
                </div>
            </div>
        </div>

Answer 1

您还可以使用这些修改操作

hide.bs.modal调用hide实例方法后，会立即激发此事件。

hidden.bs.modal当modal完成对用户的隐藏时（将等待CSS转换完成

$（'#myModal'）.on（'hidden.bs.modal'，函数（e）

Answer 2

检查此示例：

JS:

$('.modal').on('hidden.bs.modal', function (e) {
  $('form')[0].reset();
});

此代码在关闭模态时重置窗体。

CODEPEN示例