如何在删除前显示确认消息?

我想要得到一个确认消息点击删除(这可能是一个按钮或图像)。如果用户选择“Ok”，那么删除就完成了，否则如果点击“Cancel”，什么都不会发生。

当点击按钮时，我尝试回显这个，但是回显的东西使我的输入框和文本框失去了它们的样式和设计。

当前回答

试试这个。这对我很有用

 <a href="delete_methode_link" onclick="return confirm('Are you sure you want to Remove?');">Remove</a>

2015-05-21 12:16:18

其他回答

这就是使用不引人注目的JavaScript和在HTML中保存确认消息的方式。

<a href="/delete" class="delete" data-confirm="Are you sure to delete this item?">Delete</a>

这是一个纯香草JS，兼容IE 9+:

var deleteLinks = document.querySelectorAll('.delete');

for (var i = 0; i < deleteLinks.length; i++) {
  deleteLinks[i].addEventListener('click', function(event) {
      event.preventDefault();

      var choice = confirm(this.getAttribute('data-confirm'));

      if (choice) {
        window.location.href = this.getAttribute('href');
      }
  });
}

看到它的行动:http://codepen.io/anon/pen/NqdKZq

2013-11-14 09:10:22

使用jQuery:

$(".delete-link").on("click", null, function(){
        return confirm("Are you sure?");
    });

2013-11-11 13:12:14

它非常简单，只有一行代码

<a href="#" title="delete" class="delete" onclick="return confirm('Are you sure you want to delete this item')">Delete</a>

2019-02-22 07:24:54

<a href="javascript:;" onClick="if(confirm('Are you sure you want to delete this product')){del_product(id);}else{ }" class="btn btn-xs btn-danger btn-delete" title="Del Product">Delete Product</a>

<!-- language: lang-js -->
<script>
function del_product(id){
    $('.process').css('display','block');
    $('.process').html('<img src="./images/loading.gif">');
    $.ajax({
        'url':'./process.php?action=del_product&id='+id,
        'type':"post",
        success: function(result){
            info=JSON.parse(result);
            if(result.status==1){
                setTimeout(function(){
                    $('.process').hide();
                    $('.tr_'+id).hide();
                },3000);
                setTimeout(function(){
                    $('.process').html(result.notice);
                },1000);
            } else if(result.status==0){
                setTimeout(function(){
                    $('.process').hide();
                },3000);
                setTimeout(function(){
                    $('.process').html(result.notice);
                },1000);
            }
        }
    });
}
</script>

2015-11-14 20:28:33

<a href="javascript:;" onClick="if(confirm('Are you sure you want to delete this product')){del_product(id);}else{ }" class="btn btn-xs btn-danger btn-delete" title="Del Product">Delete Product</a>


function del_product(id){
    $('.process').css('display','block');
    $('.process').html('<img src="./images/loading.gif">');
    $.ajax({
        'url':'./process.php?action=del_product&id='+id,
        'type':"post",
        success: function(result){
            info=JSON.parse(result);
            if(result.status==1){
            setTimeout(function(){
                    $('.process').hide();
                    $('.tr_'+id).hide();
                },3000);
                setTimeout(function(){
                    $('.process').html(result.notice);
                },1000);
            }else if(result.status==0){
                setTimeout(function(){
                    $('.process').hide();
                },3000);
                setTimeout(function(){
                    $('.process').html(result.notice);
                },1000);

                }
            }
        });
}

2015-10-07 07:51:48

如何在删除前显示确认消息?

推荐文章

最新文章

标签