L'éditeur JavaScript
Visiteur non-identifié | Identifiez-vous | Devenir membre
Code perdu ? | Combien de visiteurs sur votre site ?
Rechercher :
Page d'accueil
     Home Page

JavaScript
     Tous les scripts
     Proposer un script
     Recherche de script
     AJAX
     Cours de JavaScript
     Liste de discussion
     Forums

Services :
     CountUs
     myCircle
     ClickInText
     XooIt

Trucs et astuces :
     HTML / CSS
     PHP / MySQL
     Réferencement
     Graph / Présentation
     Toutes les astuces
     Ajouter un article

MailingList :
122578 abonnés

Annuaire webmaster :      Hebergement web
     Referencement
     Sites webmasters
     XHTML - CSS2
     PHP
     Affiliation - Pub
     FAI

     Annuaire webmaster

Ressources pour webmasters :
     Kit graphique
     Foire aux questions
     Les membres
     Devenir annonceur
     Faire un lien
     Contact

Partenaire :
     Compteur live
     Créer un forum
     Le PHP facile
     Comscripts
     Liens sponsorisés
     Blog
     Page Rank
     Gifs animés, f...
     Poésie et cita...
     Azote.org - no...
     Easy-script.com
     Web creation ...
     Je crée mon site
     Outils de créa...
     Electroniq...
     K i s s design
     Créer son site...
     Les autres
     Votre site ici ?


Checkbox : Tout cocher, Tout décocher ou Inverser la sélection

Script posté par :

EricM
Vous aussi, postez vos scripts en cliquant ici.


Description

Ce script permet d'ajouter à un jeu de cases à cocher (checkbox) les fonctionnalités "Tout cocher", "Tout décocher" ou "Inverser la sélection".
Il peut être utiliser indépendament plusieurs fois dans la même page, chaque jeu de checkbox étant dans un conteneur (<div>, <p> ou autre) différent.
Testé IE et Firefox.
Valide HTML 4.01 Transitional


Compatibilité :

 FireFox : Toutes versions
 Mozilla : 1 et +
 Netscape Navigator : 6 et +
 Internet Explorer : 5 et +


Chiffres :

Date de création : 28/08/2006
Dernière modif : 29/08/2006
Visites de la page : 54376
Envois par mail : 476


Dernière modification du script :

Le 29/08/2006 : Le script a été corrigé.
>> Voir toutes les modifications effectuées sur ce script.


Exemple :

       








Le code :

Entre <HEAD> et </HEAD> :


Entre <BODY> et </BODY> :


Services email :

Je désire recevoir ce script par email
Je désire recevoir un email en cas de modification de ce script
Je désire m'abonner à la newsletter de l'éditeur JavaScript


Les annotations des visiteurs :

De kokliko_bleu - le 07-03-2007
1-
on peut aussi mettre du texte à la place des boutons; c'est - lourd.
<a href="#" onClick="GereChkbox('div_chck','1');">Tout sélectionner</a> |
<a href="#" onClick="GereChkbox('div_chck','0');">Tout désélectionner</a> |
<a href="#" onClick="GereChkbox('div_chck','2');">Inverser la sélection</a>


2-ce code est-il adaptable à une région répétée ? avec un "do while"...
ex : supprimer tous les utilisateurs d'un liste provenant d"une BD mysql ?

merci
De pierre3 - le 29-03-2007
Bonjour,

Merci pour ce code,

J'ai une petite question sur l'intégration de ce code dans un tableau.

Exemple :

<table id="tableau">
<tr><td>code</td><td>libelle</td></tr>
<tr><td><input type="checkbox" ....></td><td>Rouge</td></tr>
<tr><td><input type="checkbox" ....></td><td>Jaune</td></tr>
<tr><td><input type="checkbox" ....></td><td>Vert</td></tr>
</table>


Ce script n'arrive pas à lire les input dans ce cas.

Comment peut-on faire ?

Merci d'avance
De pierre3 - le 29-03-2007
Bonjour,

Merci pour ce code,

J'ai une petite question sur l'intégration de ce code dans un tableau.

Exemple :

<table id="tableau">
<tr><td>code</td><td>libelle</td></tr>
<tr><td><input type="checkbox" ....></td><td>Rouge</td></tr>
<tr><td><input type="checkbox" ....></td><td>Jaune</td></tr>
<tr><td><input type="checkbox" ....></td><td>Vert</td></tr>
</table>


Ce script n'arrive pas à lire les input dans ce cas.

Comment peut-on faire ?

Merci d'avance
De noan59 - le 30-05-2007
Excellent script.
UN léger bémol cependant, il ne fonctionne pas dans le cas d'une utilisation des checkbox en liste (<li>). Une solution peut-être ? [Désolé je débute...]
De tashe - le 26-11-2007
function GereChkbox(conteneur, a_faire) {
var blnEtat=null;
var selected_item = 0;

var Chckbox = document.forms[conteneur].elements[0]
while (Chckbox!=null) {
if (Chckbox.nodeName=="INPUT")
if (Chckbox.getAttribute("type")=="checkbox") {
blnEtat = (a_faire=='0') ? false : (a_faire=='1') ? true : (document.getElementById(Chckbox.getAttribute("id")).checked) ? false : true;
document.getElementById(Chckbox.getAttribute("id")).checked=blnEtat;
selected_item ++;
}
Chckbox = document.forms[general].elements[selected_item]
}
}

<form id="general" name="general" method="post">
<a href="#" onClick="GereChkbox('general','1');">Tout sélectionner</a> |
<a href="#" onClick="GereChkbox('general','0');">Tout désélectionner</a> |
<a href="#" onClick="GereChkbox('general','2');">Inverser la sélection</a>
<table>
<tr><td>code</td><td>libelle</td></tr>
<tr><td><input type="checkbox" ....></td><td>Rouge</td></tr>
<tr><td><input type="checkbox" ....></td><td>Jaune</td></tr>
<tr><td><input type="checkbox" ....></td><td>Vert</td></tr>
</table>
</form>
De dixler - le 26-11-2007
ça ne marche toujours pas...
De didier59760 - le 08-01-2009
Tous cocher les Checkbox après extraction dans une base de données


<html>
<head>
<title>Checkbox</title>
<?php
$nb=10;

echo'<script>
function SelectCheckbox(radio)
{
for(i=0 ; i<='.$nb.'; i++)
{
var Check = document.getElementById("coche_" + i)
if(radio==1){
Check.checked = true;}
else { Check.checked = false;}
}
}
</script>';
?>
</head>

<body >
<form method="post" name="form" action="bd.php">

<table width="274" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td align="center"> Tout cocher</td>
<td align="center">Tout d&eacute;cocher</td>
</tr>
<tr align="center">
<td> <input type="radio" name="radio" onclick="SelectCheckbox('1')"> </td>
<td> <input type="radio" name="radio" onClick="SelectCheckbox('2')"></td>
</tr>



<tr align="center">
&nbsp;
</tr>
<?php
for( $i=0;$i<=10;$i++)
{
echo '<tr align="center">';
echo '<td colspan="2"><input type="checkbox" name="checkbox" id="coche_' . $i . '" ></td>';
echo '</tr>';
}
?>
</table>
</form>
</body>
</html>
De fabien077 - le 21-07-2009
> didier59

Ligne 10 du code :
D'après moi, la variable "$nb" n'est pas déclaré.

De plus, je crois que les codes précèdent ne fonctionne pas si des enfant contraire précèdent le premier enfant "input".

Je suis allé chercher sur internet et j'ai trouvé un code qui fonctionne : http://www.javascriptfr.com/codes/CHECKBOX-SELECTIONNE-TOUTE-AUTRES_30690.aspx

Testez ;)

>> Poster une annotation sur ce script






compteur gratuit
actuellement en ligne

    PUBLICITE



     ANNUAIRE WEBMAST.
CibleClick
La plate-forme d'affiliations toujours au top. De nombreux programmes, pour tous les gouts. Serieux dans les paiements.
http://www.cibleclick.com
Cat : Affiliation - publicité
Voir l'annuaire webmaster


     LES SCRIPTS :
78 à éditer
68 à copier/coller
247 des membres
2580 sur le web
>> Tous les scripts

     LES MEMBRES :
65973 membres
4642 comptes CountUs
1842 comptes myCircle

     LES FORUMS :
14 forums
40359 topics
191688 messages
>> Les forums

    SONDAGE

Vous avez un blog ou site classique ?
Un blog
Un site classique
Les deux !
La mini-astuce "Referencement" du jour par krucial
Pour savoir combien de pages de votre site sont indexées dans Google, il vous suffit de taper, dans la boite de recherche du moteur : "site:http://www.votresite.com";.
Proposer votre mini-astuce | Archives des mini-astuces
© 1999-2012 EJS - Tous droits réservés | CNIL N° 844440 | 12/02/2012 14:38:13 | Design by | Gen. en 0.497 sec.