Link 在 bootstrap 列表组项目中，但在单击 link 之前弹出确认

Question

我有一个'bootstrap list group item'。我正在尝试在 link 区域内创建一个 link 。下面的代码有效：

// THIS CODE WORKS // <a href="" class="list-group-item list-group-item-action active text-white rounded-0"> // --- JUST A BUNCH OF HTML COMES HERE -- // <i class="fa fa-trash" aria-hidden="true" onclick="window.open('?delete=<?=$x?>','_self');return false;"></i> </a>

现在我想做的是为此添加一个确认，这样用户就不会误删了。

// WANT TO ADD THIS FEATURE // return confirm('Are you sure you want to delete?');

我如何将它们结合起来？当我尝试时，它们不会执行。我试过了。

// WHAT I TRIED // function Heya() { return confirm('Are you sure you want to delete?'); } function Hoo() { window.open('?delete','_self');return false; } // AND ON THE PAGE // <i class="fa fa-trash" aria-hidden="true" onclick="Heya(); Hoo();"></i>

它不起作用...我还需要一种方法将变量 'x' 传递给脚本，因为它会有所不同..

非常感谢您的帮助。

Answer 1

function checkDelete(x)
{
 if (confirm('Are you sure you want to archive?')) {
   var url = '?delete=' + x;
   window.open(url,'_self');
 }
  return false;
}

<i class="fa fa-trash" aria-hidden="true" onclick="return checkDelete(<?=x?>);"></i>

Link 在 bootstrap 列表组项目中，但在单击 link 之前弹出确认

Link within a bootstrap list-group-item, but popup confirmation before clicking link

javascript

php

onclick

popupwindow

twitter-bootstrap