如何创建删除确认对话框?如果“是”单击删除消息,如果“否”单击取消删除操作。
目前我有这样的看法:
<a href="javascript:;" class="btn btn-large btn-info msgbox-confirm">Confirm Message</a>
以及如何更改对话框内容?
如何创建删除确认对话框?如果“是”单击删除消息,如果“否”单击取消删除操作。
目前我有这样的看法:
<a href="javascript:;" class="btn btn-large btn-info msgbox-confirm">Confirm Message</a>
以及如何更改对话框内容?
您无法在 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");
}
}
使用 jQuery 引导
当您在 3rd-party 库中添加时,这种方式会稍微复杂一些。
首先,您需要创建一个模式来充当您的确认框。
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
}
使用 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 中的参数重新加载(更改为您需要的任何内容)。否则,对话框将关闭并且没有任何反应。
<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">