点击超链接后的确认框

Question

我有一个超链接，如果被点击会执行一个重要操作（从数据库中删除某些内容），因此我希望在点击时出现确认框，以防误操作。

我的超链接代码如下：

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

我对JavaScript不确定，而我知道它在其中起着重要作用...请帮忙？ PS：超链接的URL是随机的，且有很多个，请不要使其仅适用于一个链接。

- DogPooOnYourShoe

Answer 1

尝试

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

- Anush Prem

Answer 2

给你的 href 加上一个类名，然后使用 jQuery/纯 JS 来定位它，接着这样做：

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

- benhowdle89

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?");
});

- gen_Eric

---

这看起来是答案，但我的代码直接跳转到链接，而不会进行确认。我使用的示例是jQuery示例，并将正确的类添加到我的超链接。 - DogPooOnYourShoe

尝试使用 $('.confirm').live('click',function(){return confirm("确定吗？");}); 替代。 - gen_Eric

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>

- Vael Victus