Question

我有2个模态窗口，用bootstrap编写。当我在收音机上点击第一个模态时，我想关闭这个模态，然后打开另一个模式。

我的第一个表单的HTML：

<div class="modal fade" id="overlay" 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">Can we help?</h4>
        </div>
        <div class="modal-body">
            <label for="callback">Callback</label>
            <input type="radio" id="callbackRadio">
            <label for="contactUs">Contact Us</label>
            <input type="radio" id="contactUsRadio">
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        </div>
    </div>
</div>
</div>

我的JS代码：

if($('#contactUsRadio').is('checked')){
      $('#overlay').modal('hide');
      $('#contactUsModal').modal('show');
}

但它不起作用。

Answer 1

需要触发一个事件（假设你没有，因为你还没有粘贴你的代码）

$('#contactUsRadio').on('click', function() {
    if($('#contactUsRadio').is(':checked')) {
        $('#overlay').modal('hide');
        $('#contactUsModal').modal('show');
    }
});

在收音机检查时调用另一个模态

1 个答案: