[Resolvido] checkbox - Clicar em um abilitar o outro

Tunder · Novembro 28, 2008

assim está funcionando, mas preciso pegar os valores dos checkbox com nome no formato array

ex:

codCVeVaga[]

Imprime[]

<html>
<head>
	<title>Formulário checkboxes</title>

<script  type="text/javascript">

function marcarCheck() {
	var contaForm = document.Form.elements.length;
	var campo = document.Form;
	var i;
	
	for (i=0; i<contaForm; i++) {
		if (campo.codCVeVaga[i].id == campo.Imprime[i].id) {
		
			 if(campo.codCVeVaga[i].checked)
			 {
				 campo.Imprime[i].disabled = false;
			 }
			 else
			 {
				 campo.Imprime[i].disabled = true;
				 campo.Imprime[i].checked = false; 
			 } 
		}
	}

}

</script>

</head>

<body>



<form name="Form">
Marcar Todos: 
<input type="checkbox" name="codCVeVaga" id="c1" onClick="marcarCheck();" />
<input type="checkbox" name="codCVeVaga" id="c2" onClick="marcarCheck();" />
<input type="checkbox" name="codCVeVaga" id="c3" onClick="marcarCheck();" />
<input type="checkbox" name="codCVeVaga" id="c4" onClick="marcarCheck();" />
<input type="checkbox" name="codCVeVaga" id="c5" onClick="marcarCheck();" />
<br><br>
1. <input type="checkbox" name="Imprime" id="c1" disabled="disabled" /><br>
2. <input type="checkbox" name="Imprime" id="c2" disabled="disabled" /><br>
3. <input type="checkbox" name="Imprime" id="c3" disabled="disabled" /><br>
4. <input type="checkbox" name="Imprime" id="c4" disabled="disabled" /><br>
5. <input type="checkbox" name="Imprime" id="c5" disabled="disabled" />
</form>

</body>
</html>

Carutcho · Novembro 28, 2008

como assim ?

Como você quer resgatar esses valores? pra q usaria esses valores ? Quer pegar via javascript ou outra linguagem ?Que valores você precisaria ?

Mals o monte de perguntas, o código ta funcionando perfeitamente, porém pra jogar pra array, tem q ver a finalidade , pq tem maneiras diferentes de tratar saca ?

Absss

Tunder · Novembro 28, 2008

como assim ?

Como você quer resgatar esses valores? pra q usaria esses valores ? Quer pegar via javascript ou outra linguagem ?Que valores você precisaria ?

Mals o monte de perguntas, o código ta funcionando perfeitamente, porém pra jogar pra array, tem q ver a finalidade , pq tem maneiras diferentes de tratar saca ?

Absss

oi Carutcho, é o seguinte: eu preciso pegar esse checkbox em php em outra pagina, para isso eu utilizo o foreach() do php e o nome do checkbox tem que ser com [], porém antes de enviar eu preciso abilitar o campo para o usuário marcar caso ele queira imprimir pq por default vem desabilitado.

ex.

esse checks vão ser gerados dinamicamente com um while do php

eu preciso que

check teste[] id="c1'' quando marcado abilita o check imprimir[] id="c1"

check teste[] id="c2'' quando marcado abilita o check imprimir[] id="c2"

check teste[] id="c3'' quando marcado abilita o check imprimir[] id="c3"

então eu identifico qual o check que tem que ser abilitado pelo id.

até consegui fazer em javascript como visto no script acima, porém não consigo fazer quando coloco [] no nome dos check, mas eu preciso dos [] para pegar os valores no php.

preciso usar javascript para abilitar ou desabilitar os check com [] e preciso dos [] para pegar em php

abraço.

Obrigado

Carutcho · Novembro 28, 2008

tenta assim amigo.

vê se serve pra você..

absss

<html>
<head>
	<title>Formulário checkboxes</title>

<script  type="text/javascript">

function marcarCheck(obj) {
	var contaForm = document.getElementsByTagName('input');;
	
	for (i=0; i<contaForm.length; i++) {

		if (contaForm[i].name == "Imprime[]" && contaForm[i].id==obj.id) {

			 if(obj.checked==true)
			 {
				 contaForm[i].disabled = false;
			 }
			 else
			 {
				 contaForm[i].disabled = true;
				 contaForm[i].checked = false;
			 }
		}
	}

}

</script>

</head>

<body>



<form name="Form">
Marcar Todos:
<input type="checkbox" name="codCVeVaga[]" id="c1" onClick="marcarCheck(this);" />
<input type="checkbox" name="codCVeVaga[]" id="c2" onClick="marcarCheck(this);" />
<input type="checkbox" name="codCVeVaga[]" id="c3" onClick="marcarCheck(this);" />
<input type="checkbox" name="codCVeVaga[]" id="c4" onClick="marcarCheck(this);" />
<input type="checkbox" name="codCVeVaga[]" id="c5" onClick="marcarCheck(this);" />
<br><br>
1. <input type="checkbox" name="Imprime[]" id="c1" disabled="disabled" /><br>
2. <input type="checkbox" name="Imprime[]" id="c2" disabled="disabled" /><br>
3. <input type="checkbox" name="Imprime[]" id="c3" disabled="disabled" /><br>
4. <input type="checkbox" name="Imprime[]" id="c4" disabled="disabled" /><br>
5. <input type="checkbox" name="Imprime[]" id="c5" disabled="disabled" />
</form>

</body>
</html>

Tunder · Dezembro 1, 2008

tenta assim amigo.

vê se serve pra você..

absss

<html>
<head>
	<title>Formulário checkboxes</title>

<script  type="text/javascript">

function marcarCheck(obj) {
	var contaForm = document.getElementsByTagName('input');;
	
	for (i=0; i<contaForm.length; i++) {

		if (contaForm[i].name == "Imprime[]" && contaForm[i].id==obj.id) {

			 if(obj.checked==true)
			 {
				 contaForm[i].disabled = false;
			 }
			 else
			 {
				 contaForm[i].disabled = true;
				 contaForm[i].checked = false;
			 }
		}
	}

}

</script>

</head>

<body>



<form name="Form">
Marcar Todos:
<input type="checkbox" name="codCVeVaga[]" id="c1" onClick="marcarCheck(this);" />
<input type="checkbox" name="codCVeVaga[]" id="c2" onClick="marcarCheck(this);" />
<input type="checkbox" name="codCVeVaga[]" id="c3" onClick="marcarCheck(this);" />
<input type="checkbox" name="codCVeVaga[]" id="c4" onClick="marcarCheck(this);" />
<input type="checkbox" name="codCVeVaga[]" id="c5" onClick="marcarCheck(this);" />
<br><br>
1. <input type="checkbox" name="Imprime[]" id="c1" disabled="disabled" /><br>
2. <input type="checkbox" name="Imprime[]" id="c2" disabled="disabled" /><br>
3. <input type="checkbox" name="Imprime[]" id="c3" disabled="disabled" /><br>
4. <input type="checkbox" name="Imprime[]" id="c4" disabled="disabled" /><br>
5. <input type="checkbox" name="Imprime[]" id="c5" disabled="disabled" />
</form>

</body>
</html>

Perfeito!!!!

Era isso mesmo que eu queria, muito obrigado Carutcho voce eh 10

ainda bem que esse forum existe, o que seria de mim sem voces

obraço

Obrigado mesmo!!!

Carutcho · Dezembro 1, 2008

Eu digo o mesmo Parça :D rsss

do que seria de mim se não fossem os foruns, por isso tento sempre contribuir com o q posso :D

Abraço cara e sucesso e no que precisar estamos ae.

arievilo · Abril 6, 2009

Ressuscitando o tópico!!!

Boa Noite Pessoal!!

Seguinte, estou com um problema, preciso habilitar campos text qdo campos checkbox estao marcados.

Tentei usar o codigo postado neste tópico(alterando os campos de acordo com meu form), mas nao deu certo, algume poderia me ajudar?

Segue o codigo:

<script language="javascript">
function hab() {
	var count = document.elements.length;

	var campo = document.form;

	for (var i=0; i<count; i++) {

		if (campo.prod[i].id == campo.qtd[i].id) {

			 if(campo.prod[i].checked == true){
					campo.qtd[i].disabled = false;
			  campo.qtd[i].focus();
			 }
			 else{

				 campo.qtd[i].disabled = true;
			 }
		}
	}

}
</script> 

<form action="#" name="form" method="POST">
<table width="460" border="0">
<tr>
<td ><input type="checkbox" name="prod[0]" id="prod_1" value="r1" onclick="hab();" />
<input type="text" name="qtd[0]" id="prod_1" value="" disabled="true" /></td>
</tr>
<tr>
<td><input type="checkbox" name="prod[1]"  id="prod_2" value="r2" onclick="hab();" />
<input type="text" name="qtd[1]"  id="prod_2" value=""  disabled="true"  /></td>
</tr>
<tr>
<td><input type="checkbox" name="prod[2]"  id="prod_3" value="r3" onclick="hab();" />
<input type="text" name="qtd[2]"  id="prod_3" value=""  disabled="true"  /></td>
</tr>
<tr>
<td colspan="2" align="center"><input type="submit" name="env" value="Enviar " /></td>
</tr>
</table>
</form>

Flw pessoal!!!

arievilo · Abril 8, 2009

Ressuscitando o tópico!!!

Boa Noite Pessoal!!

Seguinte, estou com um problema, preciso habilitar campos text qdo campos checkbox estao marcados.

Tentei usar o codigo postado neste tópico(alterando os campos de acordo com meu form), mas nao deu certo, algume poderia me ajudar?

Segue o codigo:

<script language="javascript">
function hab() {
	var count = document.elements.length;

	var campo = document.form;

	for (var i=0; i<count; i++) {

		if (campo.prod[i].id == campo.qtd[i].id) {

			 if(campo.prod[i].checked == true){
					campo.qtd[i].disabled = false;
			  campo.qtd[i].focus();
			 }
			 else{

				 campo.qtd[i].disabled = true;
			 }
		}
	}

}
</script> 

<form action="#" name="form" method="POST">
<table width="460" border="0">
<tr>
<td ><input type="checkbox" name="prod[0]" id="prod_1" value="r1" onclick="hab();" />
<input type="text" name="qtd[0]" id="prod_1" value="" disabled="true" /></td>
</tr>
<tr>
<td><input type="checkbox" name="prod[1]"  id="prod_2" value="r2" onclick="hab();" />
<input type="text" name="qtd[1]"  id="prod_2" value=""  disabled="true"  /></td>
</tr>
<tr>
<td><input type="checkbox" name="prod[2]"  id="prod_3" value="r3" onclick="hab();" />
<input type="text" name="qtd[2]"  id="prod_3" value=""  disabled="true"  /></td>
</tr>
<tr>
<td colspan="2" align="center"><input type="submit" name="env" value="Enviar " /></td>
</tr>
</table>
</form>

Flw pessoal!!!

E ai ninguem se habilita???? :unsure:

Arquivado

[Resolvido] checkbox - Clicar em um abilitar o outro

Recommended Posts

Tunder 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Carutcho 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Tunder 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Carutcho 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Tunder 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Carutcho 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

arievilo 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

arievilo 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

JAVA - Orientação para Invalidar Sessão

JAVA - Ajuda em Paginação

printf iniciante básico

Fóruns

Tempo Real

Informação importante