Página desenvolvida por Anderson Barros Torres. Julho/97
Última alteração:
Este objeto como o próprio nome sugere, exibe uma lista de
botões rádio, que funcionam de acordo com o
padrão Windows, ou seja, só um objeto radio pode ser
selecionado dentro de um formulário. Ao se tentar selecionar
outro, o que estava anteriormente marcado é automaticamente
desmarcado.
Para que este objeto funcione corretamente, todo o conjunto de botões rádio que deverão permitir apenas uma seleção, devem ter o mesmo nome.
Forma geral:
<FORM>
<INPUT TYPE="radio" NAME="NomeDoObjeto" [VALUE="valor"] [CHECKED] [onClick="Ação"]>
<INPUT TYPE="radio" NAME="NomeDoObjeto" [VALUE="valor"] [CHECKED] [onClick="Ação"]>
...
</FORM>
Onde:
radio - Tipodo objeto.
NomeDoObjeto - Nome dado pelo programador, para futuras referenciações ao objeto.
CHECKED - Se especificado o "RadioBox" já vai aparecer selecionado.
Ação - Define o que fazer quando
dá-se um clique no "RadioBox", fazendo com que o objeto radio
funcione como um objeto Button.
Propriedades:
name - Nome do objeto radio em forma de string, da mesma
forma como definido no campo Name utilizado na criação
do objeto.
NomeDoObjeto.name // equivale a string "NomeDoObjeto"
value - Retorna o valor do campo VALUE, definido na TAG
<INPUT TYPE="radio"...
NomeDoObjeto.value
checked - Retorna um valor lógico que depende do
estado do objeto radio
NomeDoObjeto.checked // equivale a "1" se o objeto estiver
selecionado e "0" caso contrário
defaultChecked - Informa/Altera o estado default de um objeto radio. Com relação a alteração, somente os objetos radio ainda não exibidos podem ter seu estado default alterado. NomeDoObjeto.defaultChecked // sempre equivalerá a True, se a cláusula CHECKED estiver presente e a False caso contrário
index - Equivale a um número inteiro, representando
um índice em um elemento rádio, que está
selecionado atualmente.
Ex: NomeDoObjeto.index
lenght - Obtém o número de
opções do conjunto de objetos rádio.
Ex: NomeDoObjeto.lenght
Métodos:
click: Este método simula um clique do mouse no
objeto radio button, ou seja, executa um procedimento associado a um
radio button como se o botão tivesse sido pressionado mas sem
que o usuário tenha realmente clicado.
Ex: document.forms[0].radioName[2].click()
Eventos:
onClick: Define o que fazer quando clicamos no objeto
radio button
<!--This file created 20:46 01/02/97 by Claris Home Page version 2.0-->
<HTML>
<HEAD>
<TITLE>Tutorial JavaScript - Exemplo:
RadioButton</TITLE>
<META NAME=GENERATOR CONTENT="Claris Home Page 2.0">
</HEAD>
<BODY>
<P><CENTER><FONT SIZE="+3" FACE="Britannic
Bold"
COLOR="#0000AF">J</FONT><FONT SIZE="+2" FACE="Britannic
Bold"
COLOR="#0000AF">ava</FONT><FONT SIZE="+3" FACE="Britannic
Bold"
COLOR="#0000AF">S</FONT><FONT SIZE="+2" FACE="Britannic
Bold"
COLOR="#0000AF">cript - </FONT><FONT SIZE="+3"
FACE="Britannic Bold"
COLOR="#0000AF">G</FONT><FONT SIZE="+2" FACE="Britannic
Bold"
COLOR="#0000AF">uia de </FONT><FONT SIZE="+3"
FACE="Britannic Bold"
COLOR="#0000AF">R</FONT><FONT SIZE="+2" FACE="Britannic
Bold"
COLOR="#0000AF">eferência</FONT><FONT
SIZE="+2"
FACE="Britannic Bold"><BR>
</FONT><FONT SIZE="-1" FACE="Britannic Bold"
COLOR="#000080">©
1997 Anderson Barros
Torres</FONT><BR><BR><BR>
<B><I><FONT SIZE=+4 color=#000000 >E</FONT><FONT SIZE=+3 color=#000000 >xemplo</FONT></I></B>
</CENTER>
<BR><BR>
<FORM action="" method="POST">
<P>Selecione o seu estilo musical:
<P><INPUT TYPE="radio" NAME="estilo"
VALUE="">Clássico<BR>
<INPUT TYPE="radio" NAME="estilo" VALUE="" >Jazz<BR>
<INPUT TYPE="radio" NAME="estilo" VALUE="" >Rock/Pop -
Internacional<BR>
<INPUT TYPE="radio" NAME="estilo" VALUE="" >Rock/Pop -
Nacional<BR>
<INPUT TYPE="radio" NAME="estilo" VALUE="" >MPB
</FORM>
<BR>
<BR>
<BR>
<CENTER>
<FORM>
<INPUT TYPE="button" VALUE="Página Anterior" onClick="history.go(-1)">
</FORM>
<IMG SRC="s177.gif" WIDTH=540 HEIGHT=46 ALIGN=bottom><BR>
<FONT SIZE="-2">Página desenvolvida por
</FONT><FONT SIZE="-2"><A
HREF="mailto:esaex@canudos.ufba.br">Anderson Barros
Torres</A></FONT><FONT SIZE="-2">.
Julho/97<BR>
Última alteração:
<script>document.write(document.lastModified);</script></FONT>
<BR></CENTER>
</BODY>
</HTML>