Problemas Com Js E Radiobutton

#1 automouse

Turista

Usuários
37 posts

Sexo:Não informado

Posted 07/05/2006, 13:14

olá, eu tentei fazer um script que pegasse o radiobutton que o usuário escolheu e jogasse seu value em uma div. ficou assm:

<html>
<script>
function verificar(form){
document.getElementById("texto").innerHTML = form.radio.value;
}
</script>
<form name="form1">
<input name="radio" type="radio" value="opcao1 escolhida" />
opcao01
	  </label><br />
	  
	  <input name="radio" type="radio" value="opcao2 escolhida" />
opcao02
	  </label><br />
	  
	  <input type="button" onclick="verificar(this.form);" value=" Votar "></form></div>

<div id="texto">
</div>
</html>

Mas aparece UNDEFINED

onde está o erro no script?

Desde já agradeço

#2 Fabio_RJ

PHP Conspiracy

Usuários
206 posts

Sexo:Masculino
Localidade:Rio de Janeiro

Posted 07/05/2006, 13:32

Salve!

Po cara não sou a melhor pessoa pra responder.. mas vou tentar...

vc colocou assim: <form name="form1">
mas ta mandando buscar mais abaixo por: onclick="verificar(this.form);"...

pelo q vc fez ele ta tentando pegar algo q nao existe... tenta mudar o nome do form1 para form q eu acho q vai funcionar....

---
TeraDesign.com.br => [Hospedagem, Registro de Dominios, Desenvolvimento de websites e etc...]

#3 automouse

Turista

Usuários
37 posts

Sexo:Não informado

Posted 07/05/2006, 13:41

opa, troquei a linha da função em vez de colocar o parametro que é passado no onclick coloquei logo o nome do form. assim:

function verificar(form){
document.getElementById("texto").innerHTML = [b]form1[/b].radio.value;
}

Mas continuou a mesma coisa.

Espero mais respostas, obrigado

#4 Klaus

@ ubuntu jaunty

Ex-Admins
7924 posts

Sexo:Masculino
Localidade:127.0.0.1

Posted 07/05/2006, 14:12

O problema é o nome do radio. Troque-o.

Klaus Paiva
Conheça também: Taperás

#5 automouse

Turista

Usuários
37 posts

Sexo:Não informado

Posted 07/05/2006, 15:40

opa, cara funcionou não...
olha como ficou:

<html>
<script>
function verificar(form){
  document.getElementById("divver").innerHTML = document.form1.aa.value;
}
</script>
<form name="form1">
<input name="aa" type="radio" value="opcao1 escolhida" />
opcao01
	  </label><br />
	  
	  <input name="aa" type="radio" value="opcao2 escolhida" />
opcao02
	  </label><br />
	  
	  <input type="button" onclick="verificar(this.form);" value=" Votar ">

<div id="divver">
</div>
</form>
</html>

continua resultando undefined

#6 Klaus

@ ubuntu jaunty

Ex-Admins
7924 posts

Sexo:Masculino
Localidade:127.0.0.1

Posted 07/05/2006, 15:52

Bom... os dois radios estão com o mesmo nome né... Não tem como o browser sabe de quem pegar o value, claro...

Klaus Paiva
Conheça também: Taperás

#7 automouse

Turista

Usuários
37 posts

Sexo:Não informado

Posted 13/05/2006, 16:06

Mas se eu colocar os nomes diferentes eu posso selecionar as duas opções e sempre retorna "opção 1 escolhida"

Eu queria poder selecionar uma só opção e retornar o value dela, mas não tah funcionando de jeito nenhum...

meu código tah assim:

<html>
<script>
function verificar(form){
  document.getElementById("divver").innerHTML = document.form1.name.value; //coloquei name pois se eu colocasse aa retornaria sempre opcao1 escolhida
}
function texto(form){
  document.form1.textor.value = "00/00/0000";
  }

</script>
<form name="form1">
<input name="aa" type="radio" value="opcao1 escolhida" />
opcao01
	  </label><br />
	  
	  <input name="aa2" type="radio" value="opcao2 escolhida" />
opcao02
	  </label><br />
	  
	  <input type="button" onclick="verificar(this.form);" value=" Votar ">

<div id="divver">
</div>

<input type="text" name="textor" onclick="texto(this.form);" maxlength="10" />
</form>


</html>

como eu troquei o nome dos radiobuttons ele recebe assim: document.getElementById("divver").innerHTML = document.form1.name.value; mas está retornando undefined.

Onde está o problema agora?
Obrigado

#8 .System

Usuários
144 posts

Sexo:Não informado

Posted 13/05/2006, 17:55

<html>

<script>

function verificar(form){

if (document.getElementById("radio1").checked)

{

document.getElementById("texto").innerHTML = document.getElementById("radio1").value

}

else

{

document.getElementById("texto").innerHTML = document.getElementById("radio2").value

}

}

</script>

<form name="form1">

<input id="radio1" name="radio" type="radio" value="opcao1 escolhida" />

opcao01

	  </label><br />

	  

	  <input id="radio2" name="radio" type="radio" value="opcao2 escolhida" />

opcao02

	  </label><br />

	  

	  <input type="button" onclick="verificar(this.form);" value=" Votar "></form></div>



<div id="texto">

</div>

</html>

#9 automouse

Turista

Usuários
37 posts

Sexo:Não informado

Posted 13/05/2006, 17:59

.System valeu! funcionou perfeitamente (y)

1 user(s) are reading this topic

Entrar