[RESOLVIDO] Checkbox habilita button

2 respostas Resolvido
jqueryjavascriptfront-end
T

Olá galera, blz?

Preciso de uma ajuda com a imagem abaixo…

Estou com dificuldades de elaborar um código que quando eu clique no checkbox ele habilite o button excluir. Já tentei de várias formas mas não consegui fazer.

Se algum puder ajudar fico muito grato.

2 Respostas

R
Solucao aceita

Por se tratar de várias linhas em uma tabela, imagino que você carrega ela dinamicamente certo?

Nesse caso, minha dica é você dinamizar um campo “coringa” para o checkbox e os id’s para os botões da mesma linha ex:

<input type="checkbox" data-id="1" onclick="habilitaOpcoes(this);">
<button id="pag_linha_1">...</button>
<button id="edit_linha_1">...</button>
<button id="del_linha_1">...</button>

Percebeu que coloquei uma função no checkbox? Pois bem, tendo esses dados basta:

function habilitaOpcoes(input) {
    var id = input.getAttribute('data-id'); //campo coringa!
    var btnpag = document.getElementById('pag_linha_' + id);
    //...outros buttons...

   btnpag.disabled = !input.checked; //true ou false
   //...outros buttons...
}

É só uma ideia, aproveite para aprender mais js puro… boa sorte!

T

Opa @rodevops muito obrigado pela ajuda.

Quanto a aprender JS puro, estou organizando melhor a minha agenda de estudos, pois não gosto só de pedir mas sim de ajudar, um dia quero poder ajudar também.

Criado 8 de agosto de 2018
Ultima resposta 10 de ago. de 2018
Respostas 2
Participantes 2