[JS] "check/uncheck all" avec un [ ]

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [JS] "check/uncheck all" avec un [ ]

impulse

Je sais que le titre n'est pas forcement tres explicite mais voila le pb :

J'ai une fonction en JS qui me permet de cocher/decocher toutes les checkboxes d'un formulaire =>

Code :

<script language="JavaScript">
var checkflag = "false";
function check(field) {
if (checkflag == "false" ) {
for (i = 0; i < field.length; i++) {
field[i].checked = true;}
checkflag = "true";
return "Uncheck all";
}
else {
for (i = 0; i < field.length; i++) {
field[i].checked = false; }
checkflag = "false";
return "Check all";
}
}
</script>

Cette fonction marche tres bien si je l'utilise comme ceci =>

Code :

...
<input class="checkall" type="button" value="Check all" onClick="this.value=check(validate.id)">
...

Code :

...
<td class="validate"><input class="validate" type="checkbox" name="id" value="1" /></td>
<td class="validate"><input class="validate" type="checkbox" name="id" value="2" /></td>
<td class="validate"><input class="validate" type="checkbox" name="id" value="3" /></td>
...

Le probleme c'est que cela ne fonctionne plus si je remplace id par id[].

Publicité

impulse

Je sais pas si ça peut interesser qqun mais j'ai fini par trouver la reponse. Il suffit d'utiliser un element =>

Code :

<input class="checkall" type="button" value="Check all" onClick="this.value=check(validate.elements['id[]'])">

Message édité par impulse le 14-11-2003 à 09:05:43

Zirtukob

Salut,

Juste pour dire j'aurais plutôt fait un truc de ce style la moi.

Code :

function CheckAll(Act)
{
var IsCheck = Act=="Check all"?true:false;
var oColl = document.getElementsByName("id" );
for (i=0;i<oColl.length;i++)
oColl.item(i).checked = IsCheck;
return IsCheck?"Uncheck All":"Check all";
}

Avec toujours ton bouton de Check / Uncheck. Et tes checkbox qui ont name="id".

Code :

<input type="button" value="Check all" onclick="this.value=CheckAll(this.value);" />

Tout se base en fait sur la value de ton bouton, ca évite ta variable checkflag qui se balade.
Voili, en esperant que ca t'apporte quelque chose

impulse

Zirtukob a écrit :

Salut,

Juste pour dire j'aurais plutôt fait un truc de ce style la moi.

Code :

function CheckAll(Act)
{
var IsCheck = Act=="Check all"?true:false;
var oColl = document.getElementsByName("id" );
for (i=0;i<oColl.length;i++)
oColl.item(i).checked = IsCheck;
return IsCheck?"Uncheck All":"Check all";
}

Avec toujours ton bouton de Check / Uncheck. Et tes checkbox qui ont name="id".

Code :

<input type="button" value="Check all" onclick="this.value=CheckAll(this.value);" />

Tout se base en fait sur la value de ton bouton, ca évite ta variable checkflag qui se balade.
Voili, en esperant que ca t'apporte quelque chose

En fait j'ai recup ce bout de code sur un site. Il fait ce que je veux donc ça me va, je vais pas m'amuser a chercher plus loin pour un bout de code JS. Mais je te remercie qd meme pour ta remarque.

FORUM HardWare.fr

Programmation

HTML/CSS

[JS] "check/uncheck all" avec un [ ]

Sujets relatifs
[PHP] upload OK ; copy OK ; check size pas OK :/	check box cocher = champ supplémentaire
exception_flt_stack_check	Run-Time Check Failure #2 : C quoi??
Struts et Check box : how to ???	Pb sur un check de select
check box > select all	[VC++6] Rendre innaccessible un bouton (check et radio)
Plus de sujets relatifs à : [JS] "check/uncheck all" avec un [ ]

Page générée en 0.051 secondes