Logo Hardware.com.br
Wellinghton Pereira Gomes
Wellinghton... Membro Junior Registrado
81 Mensagens 4 Curtidas

[Resolvido] Função para 'checkbox' em um 'for.'

#1 Por Wellinghton... 07/03/2022 - 17:35
Boa tarde, gostaria de saber se é possível colocar uma função numa checkbox criada por um "for"...

exemplo:


<div id="demo"></div>

<script>
for ( i = 0 ; i < 5; i++){
var checkbox = "<input onclick='teste()' id='check_"+i+"' value='"+i+"' type='checkbox'/>";

document.getElementById("demo&quot.innerHTML = checkbox;
}

function teste(){
//teste para verificar se está ativado ou não
}
</script>


não consigo fazer com que cada checkbox ative a função levando em consideração sua id, ou qualquer outra forma...

alguma idéia?
Wellinghton Pereira Gomes
Wellinghton... Membro Junior Registrado
81 Mensagens 4 Curtidas
#3 Por Wellinghton...
08/03/2022 - 11:21
andremachado disse:
Você deve colocar uma id e um parâmetro name diferente para cada checkbox.

Quando você enviar o formulário, caso o checkbox tenha sido marcado, ele estará definido no array de variáveis Post ou Get; caso não, ele não existirá.

Assim, você deve verificar se a variável correspondente ao checkbox é não nula.


mas n tem formulário... eu queria q a função fosse ativada no check do input...
esquiloesperto
esquiloesper... Cyber Highlander Moderador
7.1K Mensagens 2.2K Curtidas
#4 Por esquiloesper...
08/03/2022 - 14:40
Olá WP;
Meu camarada, há diversas formas de fazer o que você pede.

Por exemplo, todos os elementos Html são sensíveis à função "onclick" por isso a ideia do uso de IDs, para restringir e agrupar alguns deles; Eis aí a primeira noção: o Agrupamento restritivo.
Doutro lado, só alguns reconhecem a função "change" e isso por si só também constitui um Agrupamento restritivo.
Você usou IDs numerados como agrupamento... Também é possível funcionar desta forma.
Pelo mesmo princípio dos IDs, saiba que qualquer outro atributo poderia servir igualmente. E por herança do CSS, o atributo "class" é o mais versátil e mais amplamente utilizado nessas situações, assim como o "name".
Naturalmente o elemento "pai" também é um agrupador nato" - o qual você pode até "abusar" - me refiro ali à
.

Obvio que cada abordagem necessita um tratamento adequado, e mostrar cada um aqui ficaria até cansativo.

- Por isso pergunto: Qual dessas te parece mais interessante?
Wellinghton Pereira Gomes
Wellinghton... Membro Junior Registrado
81 Mensagens 4 Curtidas
#5 Por Wellinghton...
09/03/2022 - 15:54
esquiloesperto disse:
Olá WP;
Meu camarada, há diversas formas de fazer o que você pede.

Por exemplo, todos os elementos Html são sensíveis à função "onclick" por isso a ideia do uso de IDs, para restringir e agrupar alguns deles; Eis aí a primeira noção: o Agrupamento restritivo.
Doutro lado, só alguns reconhecem a função "change" e isso por si só também constitui um Agrupamento restritivo.
Você usou IDs numerados como agrupamento... Também é possível funcionar desta forma.
Pelo mesmo princípio dos IDs, saiba que qualquer outro atributo poderia servir igualmente. E por herança do CSS, o atributo "class" é o mais versátil e mais amplamente utilizado nessas situações, assim como o "name".
Naturalmente o elemento "pai" também é um agrupador nato" - o qual você pode até "abusar" - me refiro ali à
.

Obvio que cada abordagem necessita um tratamento adequado, e mostrar cada um aqui ficaria até cansativo.

- Por isso pergunto: Qual dessas te parece mais interessante?


consegui resolver colocando "this" dentro do onchange em vez de onclick ficando assim:

"<input onchange='teste(this)' id='check_" + i + "' data-id_escopo='" + id + "' data-escopo='" + escopo + "' type='checkbox'/>";


então a function dele ficou assim:

function teste(element) {

if (element.checked == true) {
//fazer alguma coisa
}
}


agora sim consigo para cada checkbox clicado ele identificar se ele ta checado ou não.. tambem podendo pegar os dados dele com jQuery. Agora não sei em qual quadro desses que vc escreveu que se enquadra. Mas Obg pelas informações.
© 1999-2024 Hardware.com.br. Todos os direitos reservados.
Imagem do Modal