Objeto Input RADIO

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