getElementById com RadioButton

[CooLeR 0]

Boa tarde pessoal, dei uma procurada na busca pra ver se encontrava a resposta pra minha dúvida mas aparentemente ninguem perguntou isso.

 

Estou tentando checar (dinamicamente) um RadioButton. Para tal eu guardo ele em uma variavel usando getElementByIdex:

 

var tmpRadio = getElementById(nCampo)

Percebam que está sem aspas, por isso eu disse que é dinamico, isso está dentro de um loop, então o nCampo vai ser variavel por isso não posso acessar o botão por document.formulario.nomedocampo.

 

O que ocorre é que quando tento fazer o segunte:

 

tmpRadio[x].checked=true;

Ele não funciona. Só funciona quando eu guardo o objeto na variavel sem usar o getElementById no caso: document.formulario.nomedocampo.

 

Alguem poderia me dar uma alternativa??

Ou me dizer o q possivelmente pode estar acontecendo?

Obrigado.

 

Adler Oliveira.

[dmarcosm 0]

E ai rapaz... tudo beleza?!Bem... o que você pode estar fazendo é não definindo um ID para o Radio. O atributo "name" e o atributo "id" são diferentes, começando pelo fato do ID ter que ser único e já o NAME pode ser repetido!Verifique esse fato!Espero ter ajudado. Abraço.

[CooLeR 0]

Eu defini sim um ID, porém, pra todas as "bolinhas" eu atribui o mesmo ID, assim como o mesmo name.

[CooLeR 0]

Bom, neste caso, como eu posso fazer pra atribuir o campo a uma variavel, dinamicamente? O nome do campo vem de uma fonte externa, descartando a possibilidade de pegar o campo por document.formulario.campocomo eu poderia fazer? pensei em algo comodocument.formulario.+nCampono caso nCampo é uma variavel, mas obviamente isso não funciona.. tem alguma forma de fazer?

[dmarcosm 0]

Você pode usar a funçãodocument.getElementsByName("valor de um atributo name");Ai você passaria a referência do atributo "name" e não do "id", e receberia como retorno um Array (uma lista) com os objetos que possuem name igual ao valor passado no parâmetro!Por exemplo, se eu tiver 4 radios com atributo name igual a "categoria" e utilizar document.getElementsByName("categoria");ele me retornaria um vetor com 4 posições, de 0 à 3, referenciando repectivamente aos meus quatro radios. Entendeu?!Espero ter ajudado. Abraço.

[CooLeR 0]

  dmarcosm disse:

Você pode usar a função

 

document.getElementsByName("valor de um atributo name");

 

Ai você passaria a referência do atributo "name" e não do "id", e receberia como retorno um Array (uma lista) com os objetos que possuem name igual ao valor passado no parâmetro!

 

 

Por exemplo, se eu tiver 4 radios com atributo name igual a "categoria" e utilizar

 

document.getElementsByName("categoria");

 

ele me retornaria um vetor com 4 posições, de 0 à 3, referenciando repectivamente aos meus quatro radios. Entendeu?!

 

Espero ter ajudado. Abraço.

 

Funcionou... eu ja havia tentado getElementByName porem eu só fui perceber que é o Element esta no plural no caso do name.. então é getElementsByName

 

 

Muito obrigado mesmo cara!

[dmarcosm 0]

Precisando... estamos ai! :)Té mais. Abraço.

[Fleury 3]

Só para completar, poderia ser feito também assim:

var tmpRadio = document.formulario.' + nCampo);tmpRadio[x].checked = true;

[TiTiNhU s2 Juh 0]

Galera, estou fritando minha cabeça aqui tentando fazer algo parecido..

 

 

Tenho um formulario, e gostaria de acrescentar o seguinte:

 

Na Opçao Ramo de atividade: do meu formulário tenho 3 Radio Button (1- Industria - 2- Comercio - 3- Serviços), gostaria que ao Clicar no Radio Button de Industria, aparecer um menu com várias opçoes para a pessoa escolher qual o ramo... sacaram ?

 

Ja tentei vários scripts que tem aki pelo forum, mas nao deu certo ainda... Alguem tem alguma sugestao? http://forum.imasters.com.br/public/style_emoticons/default/cry.gif http://forum.imasters.com.br/public/style_emoticons/default/cry.gif http://forum.imasters.com.br/public/style_emoticons/default/cry.gif

[dmarcosm 0]

Oie... tudo bão?!

 

Tenta assim:

 

<input type="radio" id="rdoIndustria" onclick="montaMenuIndustria();">		<input type="radio" id="rdoComercio" onclick="montaMenuComercio();">		<input type="radio" id="rdoServicos" onclick="montaMenuServicos();">

 

;)

 

 

Espero ter ajudado. Abraço.

[TiTiNhU s2 Juh 0]

Opa, blzinha e vcs... ?

 

Entao... vou colocar mais ou menos aki como que eu fiz...

 

 

<html><head><title></title><script>function Visualizar(Check, Form) {var Marcardo = (Check.checked==true) ? Form.style.display = "block" : Form.style.display = "none";}</script></head><body><input name="Visualizar" type="checkbox" onClick="Visualizar(this,document.getElementById('formulario'))" value="industrias">Industria <input name="Comercio" type="checkbox" id="Comercio" value="Comercio">Comercio <input name="Servicos" type="checkbox" id="Servicos" value="Servicos">Servicos <form id="formulario" style="display:none;">  Segmentos de Mercado:   <select name="segmentos de mercado" size="1" id="segmentos de mercado">	<option value=" "> </option>	<option value="1">1</option>	<option value="2">2</option>  </select>  <br></form><p> </p></body></html>

Só que esses modelo, eu peguei em tópico aqui no fórum, mas o que quero é mais ou menos isso, só que com radio button, porque o menu oculto, só vai aparecer se a pessoa clicar em industria, ja se clicar em serviços ou comercio, nao vai aparecer menu nenhum. Entenderam ?

[dmarcosm 0]

Tenta assim!

 

<html>	<head>		<title>Página de Testes</title>		<script>			function Visualizar(Check, Form) {				var Marcardo = (Check.checked==true) ? Form.style.display = "block" : Form.style.display = "none";			}		</script>	<head>	<body>		<input 			id="Industria" 			name="ramo"			type="radio" 			onClick="Visualizar(this,document.getElementById('formulario'))" 			value="industrias"		>Industria		<input 			id="Comercio" 			name="ramo"			type="radio" 			onClick="Visualizar(document.getElementById('Industria'),document.getElementById('formulario'))" 			value="Comercio"		>Comercio		<input 			id="Servicos" 			name="ramo"			type="radio" 			onClick="Visualizar(document.getElementById('Industria'),document.getElementById('formulario'))" 			value="Servicos"		>Servicos		<form id="formulario" style="display:none;">			Segmentos de Mercado:			<select name="segmentos de mercado" size="1" id="segmentos de mercado">				<option value=" "> </option>				<option value="1">1</option>				<option value="2">2</option>			</select>			<br>		</form>	</body></html>

 

Espero ter ajudado. Abraço.

[TiTiNhU s2 Juh 0]

Nossa é isso mesmo dmarcosm

 

Brigadao !!! http://forum.imasters.com.br/public/style_emoticons/default/joia.gif http://forum.imasters.com.br/public/style_emoticons/default/joia.gif http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

 

Ontem kebrei a cabeça o dia todo tentando isso, fikei morrendo de dor de cabeça a noite http://forum.imasters.com.br/public/style_emoticons/default/blush.gif

 

É que estou começando a trabalhar agora com javascript, me ajudou muitao! Valeu! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[TiTiNhU s2 Juh 0]

Putz ...

 

qnd eu axei que ia dar certo, da outra zica http://forum.imasters.com.br/public/style_emoticons/default/cry.gif http://forum.imasters.com.br/public/style_emoticons/default/cry.gif http://forum.imasters.com.br/public/style_emoticons/default/cry.gif http://forum.imasters.com.br/public/style_emoticons/default/cry.gif

 

Fui tentar encaixar esse código no formulário já existente da empresa, mas da erro pra kct, nao sei como colocar no lugar certo do jeito certo... :( http://forum.imasters.com.br/public/style_emoticons/default/blush.gif

 

Nele tem tb as validaçoes para os campos... http://forum.imasters.com.br/public/style_emoticons/default/upset.gif

[dmarcosm 0]

Ah... cara... fica complicado eu dizer né... não conheço seu sistema.. como ele faz validação!Dê mais informações ae... talvez agente consiga ajudar! Mas.. não cola o código da sua página inteira ai não, tá?! hehehehe :PNo aguardo. Abraço.

[TiTiNhU s2 Juh 0]

AAAAeeeeeeeeewwwwwwwwwww!!!! http://forum.imasters.com.br/public/style_emoticons/default/clap.gif http://forum.imasters.com.br/public/style_emoticons/default/clap.gif http://forum.imasters.com.br/public/style_emoticons/default/clap.gif

 

Consegui!!!! Depois de muito tempo kebrando a cabeça...

 

<input			id="Industria"			name="ramo"			type="radio"			onClick="Visualizar(this,document.getElementById('segmentos'))"			value="industrias"		>								  Industria 								  <input			id="Comercio"			name="ramo"			type="radio"			onclick="Visualizar(document.getElementById('Industria'),document.getElementById('segmentos'))"			value="Comercio" />								  Comercio 								  <input			id="Servicos"			name="ramo"			type="radio"			onClick="Visualizar(document.getElementById('Industria'),document.getElementById('segmentos'))"			value="Servicos"		>								  Servicos</font></strong>								  <script language="JavaScript" type="text/javascript"><!--				  				  function Visualizar(Check, segmentos) {				var Marcardo = (Check.checked==true) ? segmentos.style.display = "block" : segmentos.style.display = "none";			}			//--></script>								  <select name="segmentos" size="1" id="select2" style="display:none;">									<option value=" " selected="selected"></option>									<option>Alimentos </option>									<option>Autopeças </option>									<option>-Outros- </option>								  </select>

To começando agora a trabalhar com script, agora que vi mais ou menos como funciona, to começando a entender alguns códigos, ai ficou mais fácil! Pesquisei bastante aki no fórum!!! Valeu galera!!! http://forum.imasters.com.br/public/style_emoticons/default/joia.gif http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif