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

Marsh Posté le 14-11-2003 à 08:46:51

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[].

Reply

Marsh Posté le 14-11-2003 à 08:46:51

Reply

Marsh Posté le 14-11-2003 à 09:03:33

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

Reply

Marsh Posté le 14-11-2003 à 09:52:31

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

Reply

Marsh Posté le 14-11-2003 à 10:46:06

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.

Reply

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

Sujets relatifs:

Leave a Replay