QUICK REFERENCE: CLASS CHECKBOX

Para criar um objeto da Classe (normalmente usamos vários) use a tag INPUT definindo TYPE=CHECKBOX e um NAME. Conectamos o primeiro CheckBox a um evento onClick que é o gatilho para uma função, por exemplo: "ck1Clicked()". Fazer o mesmo para os outros - com nomes de funções diferentes, claro. Quando o clique é capturado você precisa definir o texto grudado ao CheckBox. Não é o label, como em algumas linguagens.

Veja um exemplo: 

<html>
<head>
<form name="form1">
<input type=checkbox name="ck1" onClick="ck1Clicked()">Gates
<p><p><input type=checkbox name="ck2" onClick="ck2Clicked()">Negroponte
<p><p><textarea name="t1" cols=20 rows=4>
</form> 
<script language="Javascript">
function init(){
 document.form1.t1.value ="List of names selected:";
   document.form1.ck1.checked=false;
  document.form1.ck2.checked=false;
}
function ck1Clicked() {
 document.form1.t1.value = document.form1.t1.value+"\nGates";
  
}
function ck2Clicked() {
 document.form1.t1.value =document.form1.t1.value+ "\nNegroponte";
 
}
</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