[Résolu]liste de case à cocher

Marsh Posté le 27-02-2006 à 11:50:31

Bonjour,
J'ai besion de faire un truc et je sais pas comment faire.
On fait, j'ai dans mon ecran une liste d'éléments avec des case à cocher sur chaque ligne.
Il faudrai que je crée en bouton qui permet de sélectionner toute la liste.
Est-ce que quelqu'un sait comment on peut faire un bouton "tout selectionner"

merci d'avance

Message édité par schmur le 28-02-2006 à 09:09:14

Reply

Marsh Posté le 27-02-2006 à 11:50:31

Reply

Marsh Posté le 27-02-2006 à 11:59:32

En javascript, et plutot avec du DOM.
Si tu veux cocher absolument tous les inputs de type checkbox, perso je ferais un truc dans le genre:

Code :

function checkAll(){
var inpList = document.getElementsByTagName('input');
for(var i=0; i<inpList.length; i++){
if( inpList[i].getAttribute('type') == 'checkbox'){
inpList.checked = true;
}
}
}

et tu appeles ta fonction sur le click du ton bouton!

note: code non testé nor validé mais ça doit pas etre loin de marcher

Message édité par anapajari le 27-02-2006 à 12:00:14

Reply

Marsh Posté le 27-02-2006 à 15:32:19

code corrigé mais le principe était parfait

Code :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
 
<html> 
<head> 
    <title></title> 
    <script> 
    function checkAll(){ 
        var conteneur = document.getElementById("conteneur" ); 
        var inpList = conteneur.getElementsByTagName("input" ); 
        for(var i=0; i<inpList.length; i++){ 
            if( inpList[i].type == "checkbox" ){ 
                inpList[i].checked = true; 
            } 
        } 
    }  
 
    </script> 
</head> 
 
<body> 
<form> 
<fieldset id="conteneur"> 
<input type="checkbox"> 
<input type="checkbox"> 
<input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"> 
 
</fieldset> 
<input type="button" onclick="checkAll()" value="check"> 
</form> 
 
 
</body> 
</html>

Reply

Marsh Posté le 28-02-2006 à 09:08:48

j'ai testé hier soir le code anapajari et il marche très bien (faut juste mettre un inpList[i].checked = true) .
Un grand merci je ne savais pas qu'on avait de telles possibiltés en javascript.

Reply

[Résolu]liste de case à cocher

Sujets relatifs:

Leave a Replay