Una etiqueta seleccionable

Como sabe, sólo se pueden activar las casillas con un clic de ratón en los formularios HTML. Los textos asignados a éstas sólo se utilizan como etiquetas o leyendas. Sin embargo, sería muy útil para el usuario poder hacer clic directamente sobre un texto para seleccionar una opción. Esto es justo lo que hace el siguiente script.

Primero, coloque este script en el encabezado de su página, entre las etiquetas <Head> y </Head>:

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function changeBox(cbox) {
box = eval(cbox);
box.checked = !box.checked;
}
//  End -->
</script>

Luego defina cada casilla de su formulario de la sigiente manera:

<input type=checkbox name=box1>
<span id="hellospan" style="cursor:hand;" onClick="changeBox('document.formulaire.box1')">Click on this text to check the box.</span>

Aquí está el resultado:

Click on this text to check the box.