在我的jQuery中,我在表格格式的输出中显示我的结果,我的jQuery的一部分是
<td class='close' onclick='deleteItem(#ITEMID,#ITEMNAME)'></td>
这里"close"
是一个CSS类,在这个类中我有十字标记图像,如果我点击这个十字标记就会触发函数(deleteItem)。
这里我想要做的是,如果我点击这个十字标记,应该弹出"delete confirmation box"
,如果我点击是这个onclick事件应该触发,否则如果我点击不会发生任何事情。
我怎样才能实现这一点,任何人都可以帮助我......
答案 0 :(得分:107)
您需要将confirm()添加到deleteItem();
function deleteItem() {
if (confirm("Are you sure?")) {
// your deletion code
}
return false;
}
答案 1 :(得分:26)
$(document).ready(function(){
$(".del").click(function(){
if (!confirm("Do you want to delete")){
return false;
}
});
});
答案 2 :(得分:10)
我用过这个:
<a href="url/to/delete.asp" onclick="return confirm(' you want to delete?');">Delete</a>
答案 3 :(得分:8)
尝试使用以下代码:
$('.close').click(function(){
var checkstr = confirm('are you sure you want to delete this?');
if(checkstr == true){
// do your code
}else{
return false;
}
});
OR
function deleteItem(){
var checkstr = confirm('are you sure you want to delete this?');
if(checkstr == true){
// do your code
}else{
return false;
}
}
这可能对你有用..
感谢。
答案 4 :(得分:8)
function deleteItem(this) {
if (confirm("Are you sure?")) {
$(this).remove();
}
return false;
}
你也可以用同样的方式使用jquery modal
JQuery版
你确定吗? $(document).ready(function() {
$("#dialog-box").dialog({
autoOpen: false,
modal: true
});
$(".close").click(function(e) {
var currentElem = $(this);
$("#dialog-box").dialog({
buttons : {
"Confirm" : function() {
currentElem.remove()
},
"Cancel" : function() {
$(this).dialog("close");
}
}
});
$("#dialog-box").dialog("open");
});
});
答案 5 :(得分:4)
尝试使用此JSFiddle
DEMO:http://jsfiddle.net/2yEtK/3/
Jquery Code:
$("a.removeRecord").live("click",function(event){
event.stopPropagation();
if(confirm("Do you want to delete?")) {
this.click;
alert("Ok");
}
else
{
alert("Cancel");
}
event.preventDefault();
});
答案 6 :(得分:3)
简单地用作:
$("a. close").live("click",function(event){
return confirm("Do you want to delete?");
});
答案 7 :(得分:3)
试试这个我的朋友
// Confirmation Message On Delete Button.
$('.close').click(function() {
return confirm('Are You Sure ?')
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<td class='close'></td>
&#13;
答案 8 :(得分:2)
更新JQuery版本1.9.1链接以进行删除here $("#div1").find('button').click(function(){...}