PHP中的Bootstrap确认对话框

时间:2013-08-18 10:13:34

标签: php javascript jquery html css

如何创建删除确认对话框?如果“是”,则单击删除消息,如果“否”,则单击取消删除操作。

Popup dialog

目前我的观点中有这样的想法:

<a href="javascript:;" class="btn btn-large btn-info msgbox-confirm">Confirm Message</a>

如何更改对话框内容?

3 个答案:

答案 0 :(得分:2)

您无法在PHP中进行确认或引导确认,因为PHP是服务器端代码。

您将了解如何使用Javascript创建确认框。

普通Javascript

使用普通标准javascript,这只需要一个带功能的按钮

HTML

<button onclick="show_confirm()">Click me</button>

的javascript

// function : show_confirm()
function show_confirm(){
    // build the confirm box
    var c=confirm("Are you sure you wish to delete?");

    // if true
    if (c){
        alert("true");
     }else{ // if false
        alert("false");
    }
  }

Demo jsFiddle

使用jQuery启动

当您在第三方库中添加时,这种方式会稍微复杂一些。

首先,您需要创建一个模式作为确认框。

HTML

<div id="confirmModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">Delete?</h3>
  </div>
  <div class="modal-body">
    <p>Are you sure you wish to delete?</p>
  </div>
  <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button>
    <button onclick="ok_hit()" class="btn btn-primary">OK</button>
  </div>
</div> 

与之前相同的按钮带有一点造型

<button class="btn btn-danger" onclick="show_confirm()">Click me</button>

然后

的Javascript

// function : show_confirm()
function show_confirm(){
    // shows the modal on button press
    $('#confirmModal').modal('show');
}

// function : ok_hit()
function ok_hit(){
    // hides the modal
    $('#confirmModal').modal('hide');
    alert("OK Pressed");

    // all of the functions to do with the ok button being pressed would go in here
}

Demo jsFiddle

答案 1 :(得分:1)

使用javascript的简单方法:

<a onclick="if(!confirm('Are you sure that you want to permanently delete the selected element?'))return false" class="btn btn-large btn-info msgbox-confirm" href="?action=delete">Delete</a>

这样,当用户点击“删除”时,会出现一个对话框,要求她/他确认。如果它被接受,页面将重新加载url中的参数(更改为您需要的任何内容)。否则,对话框将关闭,没有任何反应。

答案 2 :(得分:0)

    <script>
function deletechecked()
{ 
    var answer = confirm("Are you sure that you want to permenantly delete the selected element?")
    if (answer){
        document.messages.submit();
    }

    return false;  
}
</script> 

<a href="<?php echo base_url('department/deletedept/'.$row['dept_id']);?>" onclick="return deletechecked();" title="Delete" data-rel="tooltip" class="btn btn-danger">