[RESOLVIDO] Checkbox habilita button

Front-end JavaScript
, ,
#1

Olá galera, blz?

Preciso de uma ajuda com a imagem abaixo…

image
image.png1560×196 10.7 KB

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

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!

1 curtida
#3

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.

1 curtida