javascript - 选中 radio 时调用另一个模式

我有两个模态窗口，用引导程序编写。当我单击广播上的第一个模态时，我想关闭此模态，然后打开另一个模态。

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

但这是行不通的。

最佳答案

需要触发一个事件（假设您不是，因为您没有将其粘贴到代码中）

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