samedi 12 novembre 2011

sélectionner tous les checkbox en javascript



Comment sélectionner tous les checkbox d'une formulaire en utilisant une fonction javascript ?


Beaucoup d'internautes ont des difficultés lors à saisir des informations dans un formulaire d'inscription.

 aujourd'hui je vous propose une solution qui facilite aux internautes de sélectionner tous les checkbox  à l'aide d'un bouton

  • Ajouter la défintion du deux fonction avant la balise </head> .

<SCRIPT LANGUAGE="JavaScript">
<!-- debut
function select_tous(champ)
for (i = 0; i < champ.length; i++)  champ[i].checked = true ; }

function deselect_tous(champ)
for (i = 0; i < champ.length; i++)  champ[i].checked = false ; } 
//  fin-->
</script>

  •  Comment appeler et intégrer  ces fonctions dans votre formulaire 
Pour sélectionner :
<input name="selectionner" type="button" value="selectionner tous"     onClick="select_tous(document. formulaire.list)">
Pour desélectionner:
 <input type=button name="deselecttous" value="deselectinner tous" onClick="deselect_tous(document.formulaire.list)">

un exemple de l'utilisation :



Aucun commentaire:

Enregistrer un commentaire