São objetos que permitem ao usuário a escolha de apenas uma alternativa,
diante de uma série de opções.
Suas principais propriedades são: name, value e checked.
name : Especifica o nome do objeto. Para caracterizar uma mesma
série de opções, todos os objetos
desta série têm que ter o mesmo "name".
value : Especifica o valor que será enviado ao "server"
se o objeto estiver ligado (checked). Caso seja
omitido, será enviado o valor default "on" . Esta propriedade
também serve para
ativar
comandos lógicos, testando-se a condição de "checked".
checked : Especifica que o objeto inicialmente estará ligado
Para utilização deste objeto é importante o conhecimento de outras propriedades associadas:
Objeto.length : Retorna a quantidade de opções existentes na
lista
Objeto.[index].value : retorna o texto (value) associado
a cada opção
Objeto.[index].checked : retorna verdadeiro ou falso
O único evento associado a este objeto é onclick.
Ex. No exemplo abaixo temos dois set's de objetos radio. O primeiro tem o objetivo de mudar a cor de fundo do documento atual. O segundo tem o objetivo levar informações ao "server".
<p>Radio</p>
<p> <input
type=radio name="Rad" value="1"
onclick="document.bgColor='green'">
Fundo Verde
<input
type=radio name="Rad" value="2"
onclick="document.bgColor='blueviolet'"> Fundo Violeta
<input
type=radio name="Rad" value="3"
onclick="document.bgColor='#FFFF00'"> Fundo Amarelo
</p>
<p>
<input
type=radio name="Rad2" value="1"> Solteiro
<input
type=radio name="Rad2" value="2"> Casado
<input
type=radio checked name="Rad2" value="3"> Tico Tico
</p>
Click Aqui para executar este exemplo