JQuery: Excluindo registro (Janela de Confirmação)

<script type="text/javascript">
$(document).ready(function(){
   $("#btn-apagar").click( function(event) {
      var apagar = confirm('Deseja realmente excluir este registro?');
      if (apagar){
	// aqui vai a instrução para apagar registro			
      }else{
         event.preventDefault();
      }	
   });
});
</script>
<a href='#' id='btn-apagar'>Apagar Registro</a>

Explicando:
O retorno da variável “apagar” poderá ser true ou false. Se true, é executada a instrução de deleção.

4 comentários em “JQuery: Excluindo registro (Janela de Confirmação)

  • 23 de março de 2012 em 19:48
    Permalink

    Só consigo fazer aparecer a janela de confirmação na primeira linha na segunda linha a janela já não aparece mais

    Produto
    Categoria
    Deletar

    $(document).ready(function(){
    $(“#btn-apagar”).click( function(event) {
    var apagar = confirm(‘Deseja realmente excluir este registro?’);
    if (apagar){
    // aqui vai a instrução para apagar registro

    }else{
    event.preventDefault();
    }
    });
    });

    <a href='inicio.php?y=produtos&codigo=’ id=’btn-apagar’>Apagar Registro

    Resposta
    • 23 de março de 2012 em 20:22
      Permalink

      Olá Webber,

      este problema acontece por estar utilizando o id e id é único.

      Troque id=’btn-apagar’ por class=’btn-apagar’

      E mude aqui também:
      $(“#btn-apagar”).click( function(event) {

      correto:
      $(“.btn-apagar”).click( function(event) {

      Qualquer coisa retorne.

      Resposta
  • 12 de novembro de 2012 em 8:14
    Permalink

    É possível fazer isso com uma jquery modalbox ao invéz da janela de confirmação padrão?

    Abraço e muito obrigado!

    Resposta
    • 11 de dezembro de 2012 em 11:11
      Permalink

      é possível sim.

      veja na doc do plugin

      DOM Node

      Now, let’s say you already have a DOM node in your HTML document which could be referenced via ID or className attributes. Let’s improve the above technique.

      Here’s how our existing DOM node looks like:

      Resposta

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *