无线电检查时呼叫另一个模式

Question

我有两个模态窗口，写自举。当我点击第一个模式在收音机，我想关闭这个模式，然后打开另一个。

我的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');
    }
});