jquery - jQuery削除確認ボックス

Question

私のjQueryでは、結果を表形式の出力に表示しています。私のjQueryの一部は

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

ここ"close"に CSS クラスがあり、このクラスにはクロスマークの画像があります。このクロスマークをクリックすると、関数 (deleteItem) が起動されます。

ここでやりたいことは、この十字マークをクリック"delete confirmation box"するとポップアップが表示され、[はい] をクリックするとこの onclick イベントが発生し、[いいえ] をクリックすると何も起こらないことです。

どうすればこれを達成できますか、誰でも助けてもらえますか....

score 119 · Accepted Answer

deleteItem(); に confirm() を追加する必要があります。

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

score 28 · Accepted Answer

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

score 11 · Accepted Answer

Try with below code:

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

OR

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

This may work for you..

Thanks.

score 8 · Accepted Answer

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

score 4 · Accepted Answer

JSFiddleこのデモを試してください: 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();

});

score 3 · Accepted Answer

単純に次のように機能します。

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

score 2 · Accepted Answer

JQuery をバージョン 1.9.1 に更新する削除のリンクはこちら $("#div1").find('button').click(function(){...}

jquery - jQuery削除確認ボックス

9 に答える 9

Related

Reference