Retour à la liste

Cocher toutes les cases d'un formulaire

Créé : 03.07.2013, 22:38:52  -  Modifié : 22.02.2018, 03:34:57

Vous utilisez un formulaire qui contient plusieurs cases à cocher ? Facilitez la vie de vos visiteurs et proposez un seul bouton pour cocher et décocher toutes ces cases.

Commencez par copier ce script dans l'en-tête de votre page :

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var checkflag = "false";
function check(field) {
if (checkflag == "false") {
  for (i = 0; i < field.length; i++) {
  field[i].checked = true;}
  checkflag = "true";
  return "Tout décocher"; }
else {
  for (i = 0; i < field.length; i++) {
  field[i].checked = false; }
  checkflag = "false";
  return "Tout cocher"; }
}
//  End -->
</script>


Créez ensuite votre formulaire de la manière suivante :

<form name=mon_formulaire action="" method=post>
<table>
<b>Où vous connectez-vous à Internet ?</b><br>
<input type=checkbox name=list value="1">Chez vous<br>
<input type=checkbox name=list value="2">Au travail<br>
<input type=checkbox name=list value="3">Chez des amis<br>
<input type=checkbox name=list value="4">A la poste<br>
<input type=checkbox name=list value="5">Dans un cybercafé<br>
<br>                                                    
<input type=button value="Tout cocher" onClick="this.value=check(this.form.list)"> 
</form>


Personnalisez ce script en utlisant autant de champs que vous le souhaitez (balises <input type=checkbox...>).


Rendu :0.1880 | Mémoire :2.88MB

Accueil | Informations | Top