QUICK REFERENCE: CLASS RADIOBOX

Para criar vários radioboxes (geralmente se usa vários - apenas um fica checado) você usa tags INPUT definindo um TYPE=RADIO e só um NAME para todos. Então, conectamos o primeiro a um evento onClick que será o gatilho para uma função, por exemplo: "rb1Clicked()". Fazemos o mesmo para os outros. Quando o clique é capturado temos que ligá-lo a um texto - não será o label (como em algumas linguagens). Veja um exemplo: 

<html>
<head>
<form name="form1">
<input type=radio name="myradios"  onClick="rb1Clicked()">Gates
<p><p><input type=radio name="myradios"  onClick="rb2Clicked()">Negroponte
<p><p><input type=text name="t1" size=20>
</form> 
<script language="Javascript">
function init(){
 document.form1.t1.value ="Select one name:";
   
   
}
function rb1Clicked() {
 document.form1.t1.value = "Gates";
  
}
function rb2Clicked() {
 document.form1.t1.value ="Negroponte";
 
}
</script>
</head>
<title>TUTCity</title>
<body  bgcolor="yellow"  onload=init()>
</html>

Veja o resultado, apresentado no simulador do micro OLPC. 




              LIÇÃO ANTERIOR       PRÓXIMA LIÇÃO
ÍNDICE HOMEPAGE