Limite el número de casillas que se debe marcar en un formulario

Si utiliza botones de opción en sus formularios, sus visitantes sólo pueden marcar una sola respuesta en la lista que se les presente. Pero, ¿qué hacer para que los visitantes puedan marcar dos casillas en una lista? ¡Es fácil! Combine simplemente un formulario y un pequeño script.

Intente marcar más de dos casillas en el siguiente formulario:

From where do you surf? (2 réponses possibles)
Home
Work
Cybercafé
Friend's Home

Inserte el siguiente script entre las etiquetas <head> y </head> de su página:

<script language="javascript">
<!--
function compteur_coches(obj) {
max = 2;

box1 = obj.form.case1.checked;
box2 = obj.form.case2.checked;
box3 = obj.form.case3.checked;
box4 = obj.form.case4.checked;
nombre = (box1 ? 1 : 0) + (box2 ? 1 : 0) + (box3 ? 1 : 0) + (box4 ? 1 : 0);

if (nombre > max) {
alert("You can't check more than " + max + " boxes !");
obj.checked = false;
}
}
// -->
</script>

En su script, especifique el número máximo de casillas que el usuario puede marcar (en este caso, max=2)

Después, construya su formulario de la manera usual, recordando llamar correctamente sus diferentes casillas:

<form>
<p>
<input type="checkbox" name="case1" onClick="compteur_coches(this)" value="1">Choice 1<br>
<input type="checkbox" name="case2" onClick="compteur_coches(this)" value="2">Choice 2<br>
<input type="checkbox" name="case3" onClick="compteur_coches(this)" value="3">Choice 3<br>
<input type="checkbox" name="case4" onClick="compteur_coches(this)" value="4">Choice 4<br>
<input type="submit" value="Submit"></p>
</form>