Удалить окно подтверждения jQuery

В моем jQuery am отображаются мои результаты в формате отформатированного таблицы, часть моего jQuery

<td class='close' onclick='deleteItem(#ITEMID,#ITEMNAME)'></td>

здесь "close" является классом CSS, и в этом классе у меня есть изображение с крестовым знаком, если я нажму на эту перекрестную метку, будет запущена функция (deleteItem).

вот то, что я хочу сделать, это если я нажму на эту перекрестную метку, то появится "delete confirmation box", и если я нажму "да", это событие onclick должно быть запущено, иначе, если я нажму "Нет", ничего не должно произойти.

Как я могу достичь этого, может ли кто-нибудь помочь мне....

Ответ 1

Вам нужно добавить подтверждение() к вашему deleteItem();

function deleteItem() {
    if (confirm("Are you sure?")) {
        // your deletion code
    }
    return false;
}

Ответ 2

$(document).ready(function(){
  $(".del").click(function(){
    if (!confirm("Do you want to delete")){
      return false;
    }
  });
});

Ответ 3

Я использовал это:

<a href="url/to/delete.asp" onclick="return confirm(' you want to delete?');">Delete</a>

Ответ 4

Попробуйте использовать код ниже:

$('.close').click(function(){
var checkstr =  confirm('are you sure you want to delete this?');
if(checkstr == true){
  // do your code
}else{
return false;
}
});

ИЛИ

function deleteItem(){
    var checkstr =  confirm('are you sure you want to delete this?');
    if(checkstr == true){
      // do your code
    }else{
    return false;
    }
  }

Это может сработать для вас.

Спасибо.

Ответ 5

function deleteItem(this) {
    if (confirm("Are you sure?")) {
          $(this).remove();
    }
    return false;
}

Вы также можете использовать jQuery modalin таким же образом

Версия JQuery

Ты уверен?

  $(document).ready(function() {
    $("#dialog-box").dialog({
      autoOpen: false,
      modal: true
    });

  $(".close").click(function(e) {
    var currentElem = $(this);
    $("#dialog-box").dialog({
      buttons : {
        "Confirm" : function() {
          currentElem.remove()
        },
        "Cancel" : function() {
          $(this).dialog("close");
        }
      }
    });

    $("#dialog-box").dialog("open");
  });
});

Ответ 6

Попробуйте с этим JSFiddle DEMO: http://jsfiddle.net/2yEtK/3/

Jquery Code:

$("a.removeRecord").live("click",function(event){
   event.stopPropagation();
   if(confirm("Do you want to delete?")) {
    this.click;
       alert("Ok");
   }
   else
   {
       alert("Cancel");
   }       
   event.preventDefault();

});

Ответ 7

Просто работает как:

$("a. close").live("click",function(event){
     return confirm("Do you want to delete?");
});

Ответ 8

Попробуй это мой друг

  // Confirmation Message On Delete Button.

  $('.close').click(function() {
    return confirm('Are You Sure ?')
  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<td class='close'></td>

Ответ 9

Обновление JQuery для версии 1.9.1 для удаления - здесь $("#div1").find('button').click(function(){...}