[JS] Connaître la valeur d'une checkbox

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [JS] Connaître la valeur d'une checkbox

superjarodd

Bonjour,

J'ai un formulaire avec une liste de cases (extraction de la bdd), toutes cochées par défaut. En cliquant sur un bouton, une popup s'ouvre, et fait un récap des cases cochées, avant de les insérer en base.

Le problème : sur ma liste de x cases, j'en décoche quelques unes, mais sur la popup, elles apparaissent en état 'coché'. Logique puisque c'est l'état de chargement de la page mère. Mais je ne parviens pas à connaître leur état au moment du clic sur le bouton.

Voilà mon code (simplifié) pour les cases :

Code :

<?php
$CodeHtml[1] = '<input name="prg[]" value="TAB0" checked="checked" type="checkbox">TAB0<br><input name="prg[]" value="TAB1" checked="checked" type="checkbox">TAB1<br><input name="prg[]" value="TAB2" checked="checked" type="checkbox">TAB2<br><input name="prg[]" value="TAB3" checked="checked" type="checkbox">TAB3<br><input name="prg[]" value="TAB4" checked="checked" type="checkbox">TAB4<br>';
?>
<input type="hidden" id="CasesNb" value="<?php echo $CodeHtml[0]; ?>" />
<input type="hidden" id="CasesListe" value="<?php echo htmlentities($CodeHtml[1]); ?>" />
<input type="button" name="CreateList" value ="Créer une liste" onClick="CreateList();" />

Code du traitement JS (appelé par la fonction CreateList() du bouton) :

Code :

[...]
<head>
<script language="JavaScript" type="text/javascript">
function AffRef() {
var CasesNb = window.opener.document.getElementById('CasesNb').value;
var CasesListe = window.opener.document.getElementById('CasesListe').value;
// Liste des programmes sélectionnés
document.write("Liste des programmes sélectionnés : <br />" );
document.write("<div style=\"background-color : #FFFFE0; height:180px; overflow : auto;\">" );
// on boucle sur toute la liste de programmes
for ( cpt = 0; cpt < CasesNb; cpt++ )
var explode = function(str, sep) { return str.split(sep); }
var CasesListeTab = explode(CasesListe, '<br>'); // on sépare chaque ligne du tableau
var pattern = 'checked="checked"';
document.write("Affichage n°" + cpt + " : " + CasesListeTab[cpt] + "<br>" );
if( CasesListeTab[cpt].indexOf(pattern) != -1 ) {
document.write(cpt + " est coché<br />" );
} else document.write(cpt + " n'est pas coché<br />" );
}
document.write("</div>" );
}
</script>
</head>
<body>
<script language="JavaScript" type="text/javascript">
AffRef();
</script>

(désolé je ne parviens pas à recréer l'indentation...)

Existe-t-il une fonction qui "capture" la valeur des cases cochées au moment du clic sur le bouton, et pas au chargement initial de la page ? Merci d'avance pour votre aide !

Publicité

tpierron

Oulala, ton code refoule méchamment la bidouille maintenue à coup de béquilles et de rustines, qui va s'écrouler au moindre coup de vent (ouais, chuis dur là, mais ça percute mieux comme ça).

Franchement mettre du HTML dans un champ input.hidden pour parser après ça en javascript, il y un peu plus simple, même avec une archie complètement pourrie derrière.

Par exemple :

Code :

// Récupère une référence de l'élément englobant tes checkbox
var div = window.parent.document.getElementById("mescheckbox" )
 
// Récupère tous les "input" qu'il y a dedans
var cbs = div.getElementsByTagName("input" )
 
// Vérifié l'état des checkbox
for (var i in cbs)
{
    if (cbs[i].type == "checkbox" )
        alert("Checkbox " + cbs[i].name + ": " + cbs[i].checked)
}

superjarodd

Ouaip j'en suis conscient, mais je reprend le projet, j'ai déjà du mal à m'y retrouver donc je n'ai pas le temps de tout remettre à plat

Je teste ton code demain matin, merci !

superjarodd

Bonjour,

Je ne comprend pas l'élément englobant les checkbox ("mescheckbox" ) : est-ce que c'est le nom du formulaire ? Un div class à ajouter ?

tpierron

N'importe quelle balise qui englobe tes <input type="checkbox">, à la limite la balise body (mais là tu vas vraiment tout avoir).

FORUM HardWare.fr

Programmation

HTML/CSS

[JS] Connaître la valeur d'une checkbox

Sujets relatifs
[PHP] Librairie graphique php - Valeur du point en survol	Activer un checkbox
Communication JS et PHP	[NSIS] CheckBox le + simple, ajout de checkbox au dernier ecran
Pb de background pour un menu déroulant Js	Connaitre le nom d'une classe enfant (sans l'instancier)
javascript, appelle mauvaise valeur	Utiliser les lignes d’un tableau JS
setAutoCreateRowSorter JTable avec checkBox	[JS] clean word et expression régulière
Plus de sujets relatifs à : [JS] Connaître la valeur d'une checkbox

Page générée en 0.077 secondes