Javascript 单击引导按钮时为用户提供选项

上面的按钮加载delete.php

当用户单击按钮时，我想显示一个是/否窗口。如果用户单击“是”，则需要加载具有id信息的delete.phpw。单击“否”时，需要加载其他php文件

---

做这件事的好方法是什么？我曾尝试使用JavaScript，但无法使其正常工作。

请查看。它完全符合您的需要。

1无需在链接中添加按钮，只需设置链接样式即可：

echo "<a href=\"delete.php?id=$result[exportid]\"><button type='button' class='btn btn-danger btn-xs glyphicon glyphicon-remove-circle'></button></a>";

---

您可以轻松创建如下确认对话框：

$(function(){
    $('a.delete-button').click(ev){
        ev.preventDefault();
        var deleteUrl = $(this).attr('href');
        var otherUrl = 'some other url';
        if(confirm('Are you sure you want to delete this item')){
             window.location = deleteUrl;
        }else{
             window.location = otherUrl;
        }
    }
});

使用one而不是on可防止在下次打开对话框时调用删除函数

我希望这能有所帮助

下面是一个完整的文本示例：

var YOUR_MESSAGE_STRING_CONST=确认消息？； $'btnDelete'。单击，函数E{ confirmDialogYOUR\u消息\u字符串\u常量，函数{ //我的代码点击OK }; }; 函数confirmDialogmessage，onConfirm{ var fClose=函数{ modal.modalhide； }; var modal=$confirmModal； modal.modalshow； $confirmMessage.empty.appendmessage； $confirmOk.点击一次，确认； $confirmOk.点击一次，fClose； $confirmCancel.oneclick，fClose； } 删去 好啊 取消 检查的答案，旧版本的bs，但仍然有效。的可能重复

$(function(){
    $('a.delete-button').click(ev){
        ev.preventDefault();
        var deleteUrl = $(this).attr('href');
        var otherUrl = 'some other url';
        if(confirm('Are you sure you want to delete this item')){
             window.location = deleteUrl;
        }else{
             window.location = otherUrl;
        }
    }
});

<!-- Modal dialog -->
<div class="modal fade" id="myForm" tabindex="-1">
    <!-- CUTTED -->
    <div id="step1" class="modal-footer">
      <button type="button" class="glyphicon glyphicon-erase btn btn-default" id="btnDelete"> Delete</button>
    </div>
</div>

<!-- Modal confirm -->
<div class="modal" id="confirmModal" style="display: none; z-index: 1050;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body" id="confirmMessage">
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" id="confirmOk">Ok</button>
                <button type="button" class="btn btn-default" id="confirmCancel">Cancel</button>
            </div>
        </div>
    </div>
</div>

$('#btnDelete').on('click', function(e){
    confirmDialog(YOUR_MESSAGE_STRING_CONST, function(){
        //My code to delete
    });
});

function confirmDialog(message, onConfirm){
    var fClose = function(){
        modal.modal("hide");
    };
    var modal = $("#confirmModal");
    modal.modal("show");
    $("#confirmMessage").empty().append(message);
    $("#confirmOk").one('click', onConfirm);
    $("#confirmOk").one('click', fClose);
    $("#confirmCancel").one("click", fClose);
}