8.5 - Botões de Radio

São os botões que permitem que o usuário selecione uma entre várias opções. Estes elementos podem ser criados pelas tag <input> com o atributo type=radio.

 Propriedades:
name -

nome associado ao elemento através do atributo name da tag html

type -

tipo associado ao elemento através do atributo type da tag html

form -

referência para o formulário que contêm o elemento.

value -

valor da legenda do botão.

checked -

valor lógico que indica se o botão de rádio está selecionado ou não

defaultChecked -

valor lógico que indica se o botão de rádio estava inicialmente selecionado



 Métodos:
focus() -

coloca o elemento ativo (em foco)

blur() -

coloca o elemento inativo (remove o foco)

click() -

simula o efeito de um clique no botão de rádio



 Eventos:
onFocus -

ocorre quando o botão de rádio recebe o foco

onBlur -

ocorre quando o botão de rádio perde o foco

onClick -

ocorre quando o botão de rádio é pressionado com o mouse


Dica

Elementos html diferentes mas definidos com um mesmo nome (atributo name), podem ser acessados através do javascript através de um array. Isso é particularmente útil quando temos botões de radio pois para agrupá-los precisamos defini-los com um mesmo nome. Estes elementos são tratados em conjunto pois o seu comportamento depende do grupo (apenas um dos botões do grupo pode estar selecionado em um determinado instante).