Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Guilherme Teodoro

Checkbox em uma tabela não funciona

Recommended Posts

Olá, pessoal.

Estou já fazem 3 dias tentando resolver um problema. Resolvi apelar para vocês.

 

Ambiente: Asp.net MVC, bootstrap.

 

Com jQuery, estou adicionando, dinamicamente, uma linha, em uma tabela, com um checkbox (input type=checkbox). A linha é adicionada corretamente. Não tenho problemas com o JavaScript no momento de adicionar a linha. Porém, quando eu tento clicar no checkbox, nada acontece (ele não altera o valor de checked para unchecked ou vice e versa).

 

Criando um onClick nesse checkbox, quando eu pauso, na função chamada, o controle alterna. Quando acaba, o status volta ao que era antes.

 

Segue o trecho em JavaScript que adiciona a linha.

var templaceAcao = '<tr class="linhaPossibilidade">' +
                   '<td><button class="btn glyphicon glyphicon-minus" id="RemoveAcao" onclick="RemoverLinha(this);"></button></td>' +
                   '<td width="800"><input type="text" style="max-width: 800px;" class="form-control" /></td>' +
                   '<td><input type="checkbox" name="chkId[]" class="form-control" /></td>' +
                   '</tr>';


/*Chamado por um botão que existe na tela*/
$("#AddAcao").on("click", function (event) {
    var $tb = $(this).closest("table").find("tbody").append(templaceAcao);

    // Fazer uma animação simples
    $tb.hide().show('slow', function () {
        $tb.find("input:text").focus();
    });
});


O que poderia ser isso?

Compartilhar este post


Link para o post
Compartilhar em outros sites

qual o html do elemento: #AddAcao?

 

adicione um event.preventDefault()

 

$("#AddAcao").on("click", function (event) {
    event.preventDefault();

Compartilhar este post


Link para o post
Compartilhar em outros sites

é porque o type default do button é submit.

 

mude para:

<button type="button" class="glyphicon glyphicon-plus" id="AddAcao">

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.