2012-01-28 10 views
9

Tengo muchos enlaces en una tabla HTML, que eliminan la fila correspondiente, al hacer clic (llamando a un PHP-script a través del parámetro GET).Cómo confirmar haciendo clic en un enlace usando jQuery

Todos tienen una clase delete_row.

¿Cómo podría mostrar un cuadro de diálogo confirm ('Really delete?') usando jQuery, cuando se hace clic en dicho enlace?

Y, por supuesto, evite seguir ese enlace cuando No se ha seleccionado en el cuadro de diálogo.

Respuesta

33

probar esto.

$('.delete_row').click(function(){ 
    return confirm("Are you sure you want to delete?"); 
}) 
+2

Es event.preventDefault (no) necesario en este caso? –

+2

No requerido, devolviendo 'verdadero/falso' se encargará de ello. – ShankarSangoli

+0

funciona muy bien, ¿cómo podría personalizar el mensaje en el cuadro de diálogo utilizando, por ejemplo, un atributo de mensaje de datos? – petekaner

2

puede utilizar el método preventDefault del objeto de evento en la función de controlador:

jQuery('.delete_row').click(function(event){ 
    if(!confirm('Really Delete?')){ 
     event.preventDefault(); 
    } 
}) 
0

¡Creo que hay un error!

Utilice esta:

solución
$('.delete_row').click(function(){ 
    return confirm("Are you sure you want to delete?"); 
}); 
14

muy simple y eficaz una línea sin usar jQuery :

<a href="to/your/path" onclick="return confirm('Are you sure you want to delete?');">Delete</a> 
+1

Funciona perfectamente;) Gracias –

Cuestiones relacionadas