Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

FileasFogg

Retornando valor de radio button

Por , em Javascript

Recommended Posts

FileasFogg    0

FileasFogg
Postado

E aí galera ??? beleza ??? http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

Seguinte... preciso retornar o valor de um radio button, dei uma olhada na net vi uns exemplos e tals, mas todos funcionam com um form (como no código abaixo) e eu queria saber se tem como retornar o valor do radio button sem ter que usar uma tag de form... Alguém tem alguma idéia ????

 

java script: function RetornaVal() {  for(i=0; document.form[0].radio.length; i++) {   if (document.form[0].radio[i].checked == true) 	window.alert(document.form[0].value);  }   }HTML:<form> <input type="radio" name="radio" value="1"> <input type="radio" name="radio" value="2"> <input type="radio" name="radio" value="3"> <input type="radio" name="radio" value="4"> <input type="button" value="Valor" onclick="RetornaValor();"></form>

Abraços a todos

Compartilhar este post

Link para o post
Compartilhar em outros sites

andreia_sp    1

andreia_sp
Postado

Dessa vez eu nao vo postar a solução pq se nao o pessoal reclama hehehe

 

uma dica: use getElementsByTagName para inputs, depois faça um loop usando um IF pra saber são do tipo radio e se estao checados

Compartilhar este post

Link para o post
Compartilhar em outros sites

vagner.net    0

vagner.net
Postado

Srcipt não-obstrutivo:

<script>	function getValue(e){		for(var i=0; i < document.getElementsByName('radio').length; i++)			if(document.getElementsByName('radio')[i].checked == true)				alert(document.getElementsByName('radio')[i].value);	}	window.onload = function(){		document.getElementById('valor').onclick		= getValue;	}</script><html>	<head>		<title>Fórum</title>	 	</head>	<body>			<input type="radio" name="radio" value="1" id="radio1" checked="checked">		<input type="radio" name="radio" value="2" id="radio2">		<input type="radio" name="radio" value="3" id="radio3">		<input type="radio" name="radio" value="4" id="radio4">		<input type="button" value="Valor" id="valor">	</body></html>

... http://forum.imasters.com.br/public/style_emoticons/default/dormindo.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

FileasFogg    0

FileasFogg
Postado

certoo..... mas tirando o tagName, ainda existe ainda alguma ourta maneira... ???

eu vi isso aqui numa lista (link do tópico) e achei interessante... pena que não funcionou.... http://forum.imasters.com.br/public/style_emoticons/default/upset.gif

 

function verifyRadio(id)  {   for (element in document.getElementById(id))	 {	  if (document.getElementById(id)[element].checked)		{ return true; }	 }   return false;  }

E valeu pela dica....

 

Abraços

Compartilhar este post

Link para o post
Compartilhar em outros sites

vagner.net    0

vagner.net
Postado

certoo..... mas tirando o tagName, ainda existe ainda alguma ourta maneira... ???eu vi isso aqui numa lista (link do tópico) e achei interessante... pena que não funcionou.... http://forum.imasters.com.br/public/style_emoticons/default/upset.gif 

function verifyRadio(id)  {   for (element in document.getElementById(id))	 {	  if (document.getElementById(id)[element].checked)		{ return true; }	 }   return false;  }
E valeu pela dica.... Abraços
Esse script não segue Webstandards. Pois cada elemento de uma pagina deve possuir um ID único.

Compartilhar este post

Link para o post
Compartilhar em outros sites

vagner.net    0

vagner.net
Postado

Solução crossbrowser, não-obstrutiva através de Javascript/DOM:

<script>	function getValue(e){		for(var i=0; i < document.getElementById('radio').childNodes.length; i++)								if(document.getElementById('radio').childNodes[i].nodeName == 'INPUT')				if(document.getElementById('radio').childNodes[i].type == 'radio')					if(document.getElementById('radio').childNodes[i].checked == true)						alert(document.getElementById('radio').childNodes[i].value);	}	window.onload = function(){		document.getElementById('valor').onclick		= getValue;	}</script><html>	<head>		<title>Fórum</title>	 	</head>	<body>		<div id="radio">			<input type="radio" name="radio" value="1" checked="checked">			<input type="radio" name="radio" value="2">			<input type="radio" name="radio" value="3">			<input type="radio" name="radio" value="4">		</div>		<input type="button" value="Valor" id="valor">	</body></html>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito