单击超链接后确认框

Question

所以我有一个超链接，如果按下它会执行一个主要操作（从数据库中删除某些内容），所以我想要一个确认框，一旦按下它，这样他们就不会犯错误。

我的超链接代码是：

<a href='*****.php?Number3=1222&AssignedTo=$12331'>[x]</a>

我不确定 Javascript，我知道这其中有一个主要部分...请帮忙？ PS 超链接的URL是随机的，而且有很多，所以请不要弄成只适用于一个链接

Answer 1

尝试

<a href='*****.php?Number3=1222&AssignedTo=$12331' onclick="return confirm('Are you sure you want to delete?')" >[x]</a>

Answer 2

为您的 href 指定一个类名，并使用 jQuery/straight JS 之类的内容作为目标，然后执行以下操作：

var r=confirm("Are you sure you want to delete?");
if (r==true){
     return true;
{
else {
     return false;
}

Answer 3

将一个类添加到 a 标签，这意味着您需要一个确认框。

<a href="file.php" class="confirm">Link</a>

然后将事件处理程序附加到这些：

var links = document.getElementsByClassName('confirm');
for (var i = 0; i < links.length; i++) {
    links[i].onclick = function() {
        return confirm("Are you sure?");
    };
}

或使用 jQuery：

$('.confirm').live('click', function(){
    return confirm("Are you sure?");
});

Answer 4

这是针对较新 jQuery 的答案，为那些需要自定义确认消息的人提供了一些额外的功能。

$('body').on('click', '[data-confirm]', function(){
    var msg = $(this).attr('data-confirm');
    return confirm(msg);
});

您使用 data-confirm 而不是 .confirm。您的 HTML 显示如下：

<span data-confirm="Are you sure?">delete</span>