Cocher toutes les cases sachant qu'elles ont un nom différent

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Cocher toutes les cases sachant qu'elles ont un nom différent

Cat Mary

Bonjour,

Je débute en javascript et depuis un long moment je cherche à résoudre un problème.
J'ai des cases à cocher avec des noms différents et je souhaiterai, en cochant une case en haut du tableau cocher toutes les cases (comme sous hotmail).

Pour cocher toutes les cases portant un même nom, il y pas de problème, j'utilise ce script :

Code :

function check(field) {
if (checkflag == "false" ) {
for (i = 0; i < field.length; i++) {
field[i].checked = true;
}
checkflag = "true";
}
else {
for (i = 0; i < field.length; i++) {
field[i].checked = false;
}
checkflag = "false";
}
}

qui est appelé par

Code :

onClick="check(this.form.pdt)"

les noms des cases sont de la forme :

Code :

pdt[112]

Je bloque complètement depuis un moment donc si vous aviez des conseils à me donner cela m'aiderait beaucoup.

Merci d'avance.

Publicité

anapajari

s/travail/glanding on hfr/gs;

une petite recherche sur le forum t'aurais donné:
http://forum.hardware.fr/hardwaref [...] 6301-1.htm
http://forum.hardware.fr/hardwaref [...] 5552-1.htm

Cat Mary

C'est gentil mais j'ai déjà fait une recherche.
J'ai d'ailleur essayé le script suivant trouvé sur le forum :

Code :

function checkAll(){
checkflag = ! checkflag; //on inverse le flag
var inpNodes = document.getElementsByTagName('input');
foreach(input in inpNodes){
if ( input.getAttribute['type'] == 'checkbox'){
input.checked = checkFlag;
//alert(input.value + ' => ' + document.getElementById('champ_'+input.value);
}
}
}

Et il me met que la fonction checkAll n'est pas défini, je comprends pas pourquoi.

Cat Mary

qui vient d'ailleurs de toi, si je ne me trompe pas

anapajari

s/travail/glanding on hfr/gs;

elle a l'air très bien cette fonction et l'erreur laisse plus penser à une mauvaise implémentation ...

Tu peux filer le code de toute la page ou tu l'utilise?

Cat Mary

Code :

<script language="javascript">
//Fonction javascript permettant de cocher/décocher simultanément toutes les cases
var checkflag = true;
function checkAll(){
checkflag = ! checkflag; //on inverse le flag
var inpNodes = document.getElementsByTagName('input');
foreach(input in inpNodes){
if ( input.getAttribute['type'] == 'checkbox'){
input.checked = checkFlag;
//alert(input.value + ' => ' + document.getElementById('champ_'+input.value);
}
}
}
</script>
</head>
<body>
<form action="importationCatalogue.php" method="GET" name="supprProduit">
<table border="0" cellspacing="0" cellpadding="3">
<tr height="24" class="enTete">
<td class="enTete">
<input type="checkbox" name="toutCocher" onClick="javascript:checkAll()" checked="checked">
</td>
<td class="enTete">Référence</td>
<td class="enTete">Nom</td>
</tr>
<?php
foreach($enAttente as $pdtEnAttente){
// Choix des couleurs de lignes
if ($i == 0){
$coultab = "cellule1";
$i = 1;
}else{
$coultab = "cellule2";
$i = 0;
}
?>
<tr height="24" class="<?=$coultab?>">
<td class="<?=$coultab?>" align="center">
<INPUT type="checkbox" name="pdt[<?= $pdtEnAttente['id_produit'] ?>]" id="pdt[<?= $pdtEnAttente['id_produit'] ?>]" value="1" checked="checked">
</td>
<td class="<?=$coultab?>"><?= $pdtEnAttente['reference'] ?></td>
<td class="<?=$coultab?>"><?= $pdtEnAttente['nom'] ?></td>
</tr>
<?php
}
?>
</table>
</form>
</body>
</html>

pikti

I’ve done worse

Code :

/*
/ Coche ou décoche en fonction du booléen passé en paramètre
/ toutes les checkbox présentes sur la page.
/
/ Param : check
/ on coche tout si check = true
/ on décoche tout si check = false
*/
function CheckAllCheckBoxes(check)
{
for(i = 0; i < document.forms[0].elements.length; i++)
{
var elm = document.forms[0].elements[i];
if (elm.type == "checkbox" )
{
if(!elm.disabled)
{
elm.checked = check;
}
}
}
}

Cat Mary

Merci beaucoup Pikti, ça marche nickel !

pikti

I’ve done worse

de rien, si tes checkbox sont toujours enabled (ou si tu t'en fiches ou veux qu'elles soient cochées/décochées quand même), vire le test

Code :

if(!elm.disabled)
{
}

bon, et faut pas avoir 15000 éléments sur la page avec un script comme ça.

Message édité par pikti le 31-05-2006 à 17:41:35

anapajari

s/travail/glanding on hfr/gs;

oui je devais être bien fatigué quand j'ai ecrit ça, y'a plein de boulettes

foreach existe pas en js
getAttribute c'est une fonction il faut donc remplacer les crochets par des parenthèses

Code :

function checkAll(){
checkflag = ! checkflag; //on inverse le flag
var inpNodes = document.getElementsByTagName('input');
for(var i=0; i< inpNodes.length;i++){
if ( inpNodes[i].getAttribute('type') == 'checkbox'){
inpNodes[i].checked = checkflag;
}
}
}

La solution de pikti est tout à fait correcte mais "oldschool", l'usage de form et elements a tendance à être eviter au profit des fonctions DOM ( getElmenents etc).

Publicité

Cat Mary

ok, merci pour ton aide

FORUM HardWare.fr

Programmation

HTML/CSS

Cocher toutes les cases sachant qu'elles ont un nom différent

Sujets relatifs
Faire un UPGRADE dans une table avec une case à cocher	CHECKED et case à cocher : liste à partir d'une table [RESOLU]
case a cocher --> direction	case à cocher et champ ENUM(table) [RESOLU]
Tableau avec des cases de bordure 1px	Bloquer une case à cocher
Tris différent sur une liste	cocher automatiquement 1 checkbox en fonction des données d'1 listbox
bordure juste pour qq cases d'un tableau	problème case à cocher et bouton radio
Plus de sujets relatifs à : Cocher toutes les cases sachant qu'elles ont un nom différent

Page générée en 0.083 secondes