JQuery使用onclick问题确认删除

时间:2014-03-07 05:03:04

标签: jquery html css css3

这是我的确认警报框脚本:

$(document).ready(function(){
    $('.confirm').click(function(){
        var answer = confirm("Are you sure you want to delete this item?");
        if (answer){
            return true;
        }
        else
        {
            return false;
        }

    });
});

我的链接是

 <span class='button-content confirm' onclick= \"location.href='delet-project.php?id={$row['project_id']}';\"

问题是它删除了记录。即使我给予取消。我使用类确认调用jquery。任何帮助将不胜感激。

4 个答案:

答案 0 :(得分:1)

$(document).ready(function(){
    $('.confirm').click(function(){
        if (confirm("Are you sure you want to delete this item?")){
            // your deletion code...
            return true;
        }
        return false;
    });
});

答案 1 :(得分:1)

我为我的一个网站使用了相同的功能,我正在制作facebook类型的会话系统,我从中发送代码示例,请从我的代码中获取一个想法,(抱歉,没时间到在代码中设置参数,所以发送我的项目中使用的原始代码。

javascript函数:

<script language="javascript">
function ConfirmDelete(id)
{
    var result = confirm("Are you sure you want to Delete this Conversation ?");
    if (result==true)
    {
        window.location = "index.php?page=inbox&delete_conversation="+id;
    }
}
</script>

HTML,显示对话的标题,并显示X按钮,点击该X按钮,确认后将删除对话。

<h2>
   <a href='javascript:ConfirmDelete(<?php echo $conversation['id']; ?>);'>[x]</a>
   <a href="index.php?page=view_conversation&amp;conversation_id=<?php echo $conversation['id']; ?>"><?php echo $conversation['subject']; ?></a>
</h2>

答案 2 :(得分:0)

试试这个朋友

   $(document).ready(function () {
      $('#Delete').click(function () {

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

答案 3 :(得分:0)

在这种情况下使用锚点会更好:

<a class="button-content confirm" href="delet-project.php?id=[project]">click me</a>

然后是类似的点击处理程序:

jQuery(function($) {
    $('.confirm').click(function(e) {
        if (!confirm("Are you sure you want to delete this item?")) {
            e.preventDefault();
        }
    });
});