2012-04-25 12 views
29

En mi jQuery estoy mostrando mis resultados en una salida de tabla con formato, una parte de mi jQuery esjQuery borrar cuadro de confirmación

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

aquí "close" es una clase CSS y en esta clase tengo la imagen marca de cruz, si Hago clic en esta marca cruzada para que se active la función (deleteItem).

aquí lo que quiero hacer es si hago clic en esta marca cruzada que debería aparecer "delete confirmation box" y si hago clic en sí, este evento onclick debería activarse, de lo contrario, si hago clic en No debería pasar nada.

¿Cómo puedo lograr esto, alguien me puede ayudar ....

Respuesta

96

es necesario agregar confirmar() a su deleteItem();

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

Esto funciona, sin embargo hay que señalar que esto no es jQuery-específico y es sólo de vainilla JavaScript. – crmpicco

7

intento con código de abajo:

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

O

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

esto puede funcionar para usted ..

Gracias.

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

También puede utilizar jQuery modalin misma manera versión

jQuery

¿Seguro?
$(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"); 
    }); 
}); 
4

intento con este 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(); 

}); 
+0

gracias por su valiosa respuesta con un ejemplo, obtuve la solución – shanish

3

Simplemente funciona como:

$("a. close").live("click",function(event){ 
    return confirm("Do you want to delete?"); 
}); 
25
$(document).ready(function(){ 
    $(".del").click(function(){ 
    if (!confirm("Do you want to delete")){ 
     return false; 
    } 
    }); 
}); 
2

actualización jQuery para la versión 1.9.1 de enlace para su eliminación es here$("#div1").find('button').click(function(){...}

7

He utilizado este:

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

probar esto mi amigo

// 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>

Cuestiones relacionadas