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:
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>