begin process at 2012 05 29 22:57:48
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript Orienté objet (POO)

 > 

Divers

 > 

Récuper la valeur d'une checkbox


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Récuper la valeur d'une checkbox

mercredi 12 décembre 2007 à 16:23:29 | Récuper la valeur d'une checkbox

taxitat

Bonjour,

Voilà, dans ma page, j'ai plusieurs checkbox. Je voudrais pouvoir en récuper la valeur. Voilà mon example schématisé:

<html>
<head>

<script language="JavaScript">
<!--
function valider(choisir) {
valeur = document.choisir.check;
for (var i=0;i<valeur.length;i++) alert("Vous avez choisi: "+valeur[i].value)
}

//-->
</script>
</head>

<body>

<form id='choisir' name='choisir' method=get action="javascript:void(0)" onSubmit="valider(this); return false;">

<div align="center">
<input id="check" type="checkbox" value="test1"><br>
<input id="check" type="checkbox" value="test2"><br>
<input id="check" type="checkbox" value="test3"><br>
<input id="check" type="checkbox" value="test4"><br>

<input type=submit value="Envoyer" name="submit">
<input type="reset" value="Effacer" name="reset">
</div>
</form>
</body>
</html>

C'est à dire, le résultat actuel c'est 4 fenêtres "alert". Je voudrais une seule "alert" avec "Vous avez choisi: +la valeur de la/des case(s) cochée(s)". J'ai cherché sur le forum et j'ai trouvé des solutions un peu différentes dont je me suis inspiré mais rien n'a marché...

Pouvez-vous m'aider svp?

Merci

mercredi 12 décembre 2007 à 16:59:13 | Re : Récuper la valeur d'une checkbox

bultez

Membre Club
Réponse acceptée !


Bonjour,

<html>
<head>
<script type="Text/JavaScript">
function valider()
{  var valeur = document.choisir.chk;
    var tmp="";
    for (var i=0;i < valeur.length; i++)
    {    if ( valeur[i].checked )
        {    tmp+=" "+valeur[i].value;    }
    }
    alert("Vous avez choisi: "+tmp);
}

</script>
</head>
<body>
<form id='choisir' name='choisir' method=get action="javascript:void(0);"
        onSubmit="valider(); return false;">
<div align="center">
<input id="check1" name="chk" type="checkbox" value="test1"><br>
<input id="check2" name="chk" type="checkbox" value="test2"><br>
<input id="check3" name="chk" type="checkbox" value="test3"><br>
<input id="check4" name="chk" type="checkbox" value="test4"><br>
<input type="submit" value="Envoyer" name="submit">
<input type="reset" value="Effacer" name="reset">
</div>
</form>
</body>

par exemple

( un ID doit être unique dans une page )



                Cordialement            Bul         [mon Site]     [M'écrire]
mercredi 12 décembre 2007 à 17:06:12 | Re : Récuper la valeur d'une checkbox

taxitat

Excellent! Alors, je n'étais pas très loin. Merci pour le tuyaux à propos des ID que j'ignorais.

Merci beaucoup.
mercredi 12 décembre 2007 à 18:34:17 | Re : Récuper la valeur d'une checkbox

bultez

Membre Club
Réponse acceptée !


>> je n'étais pas très loin.
    c'est vrai

et si tu veux transmettre vers le serveur mattre name="chk[]"
    avec les crochets et modifier
       
valeur = document.choisir["chk[]"];
       
et document.choisir["chk[]"][index]
                Cordialement            Bul         [mon Site]     [M'écrire]
jeudi 13 décembre 2007 à 15:56:19 | Re : Récuper la valeur d'une checkbox

taxitat

Est-ce par un problème de compatibilité qu'on n'écrit pas? cela me semble un peu plus facile, non?
function valider()
{  var valeur = document.choisir.chk;
      for (var i=0;i < valeur.length; i++)
    {    if ( valeur[i].checked )
        {    tmp=" "+valeur[i].value;    }
    }
    alert("Vous avez choisi: "+tmp);
}
jeudi 13 décembre 2007 à 16:18:38 | Re : Récuper la valeur d'une checkbox

bultez

Membre Club
Réponse acceptée !


>> tmp=" "+valeur[i].value;  

    1° il vaut mieux mettre var tmp, sinon c'est une variable
             globale, ce qui ne sert à rien ici

    2° si on ne met pas +=, seul le dernier checkbox coché
             sera signalé. il peut y en avoir plusieurs.
             pour 1 seul coché possible utiliser <input type="radio"
             avec le même name />
          et dans ce cas, dès que trouvé : faire break; pour ne pas
             poursuivre la boucle inutilement.


                Cordialement            Bul         [mon Site]     [M'écrire]
jeudi 13 décembre 2007 à 16:29:25 | Re : Récuper la valeur d'une checkbox

taxitat

Franchement, j'apprends sur le tas et ce n'est pas facile! je trouve même que c'est subtile! Des fois ça me semble facie et des fois, je l'impression de ne pas y comprendre grand chose... Merci pour l'aide!
jeudi 13 décembre 2007 à 16:45:15 | Re : Récuper la valeur d'une checkbox

bultez

Membre Club

>>j'apprends sur le tas
    y' qu'ça d'vrai  ( c'est plus long,difficile... souvent qu'avec des cours )

>>et ce n'est pas facile!
    des cours avec des prof... peuvent ( parfois ) aider, au moins au début.
    et pas toujours, parce que c'est souvent du grand n'importe quoi !
    d'ailleurs si c'était facile, ce ne serait pas drôle et on ne serait pas payé
        aussi grassement   ;o))

>>,j'ai l'impression de ne pas y comprendre grand chose
    on en est tous là... sauf quelques pédants stupides



                Cordialement            Bul         [mon Site]     [M'écrire]
lundi 31 janvier 2011 à 18:44:54 | Re : Récuper la valeur d'une checkbox

CosmicAline

Salut !
Merci pour ce post c'est exactement ce que je cherchais!!!!
Par contre si je dois faire l'écriture dans une div plutôt que dans une fenêtre alerte comment dois-je modifier ?

merci merci
++
mardi 1 février 2011 à 12:38:16 | Re : Récuper la valeur d'une checkbox

CosmicAline


Salut

En fait c'est bon il suffisait de remplacer la fonction alert par :

document.getElementById('l-id-de-la-div').innerHTML=tmp;

1 2

Cette discussion est classée dans : voil, checkbox, valeur, choisir, récuper


Répondre à ce message

Sujets en rapport avec ce message

checkbox choix limité [ par danydanledanois ] Bonjour à tous,voilà je dois développer un formulaire qui renvoie vers une page php. Seulement voilà, il y a un checkbox à sélection multiple, et il n Control de select et changement de valeur [ par ktastrof ] Bonjour, Voila j'ai dans un formulaire une checkbox qui contrôle 3 select. Au chargement de la page les selects sont disabled et en cochant le checkb checkbox et value [ par gabs77 ] j ai un petit pb avec un checkboxje voudrais que si le checkbox est coché il retourne la valeur "O"sinon il retourne la valeur "N"et la il me retourne recuperer la valeur d un select qui modifie une image et un prix a partir d une base de donnee [ par elementdefeu ] bon alors je ne sais pas trop déjà ou poster ma question alors je me lance ici...voilà je suis débutante dans tout ce qui est sites et j'aurais aimé u la valeur choisie dans une SELECT dynamique ne s'envoie pas!!!! C trééés URGENT SVP [ par diabohit ] cellule=new Array();            cellule['nabeul']=new Array(<%for (int i = 0; i < (tab3.size() - 1); i++) Récuper une valeur... [ par Jeuls ] Bonjour à tous, J'ai eu du mal à trouver un titre qui corresponde à ce que je recherche mais je saurais être plus précis içi ;) Voila, je suis intéres CheckBox avec valeurs differentes [ par sebsab2008 ] Bonjour,Voilà, j'ai un gros soucis avec les CheckBox. En effet, je souhaite récuperer la valeur du checkbox afin de mettre cette donnée dans une table Besoin d'aide pour un code javascript [ par zaknoune ] Bonjour, Je souhaite ajouter quelques retouches à cette source : Je m'explique : Le code ci-dessous comme vous pouvez le constater il s'agit de v Comment récupérerla valeur d'un curseur (slider) dans un variable en javascript [ par topo64 ] Bonjour, J'essaye de faire un site pour l'école de ma fille et je cale sur (probablement une bêtise) n'étant pas du tout un pro en javascript. Je m'e Verification qu'une checkbox est bien cochée [ par loupile ] Bonsoir je sais c'est une question abordé mille fois mais voilà je n'y arrive pas sous firefox pas moyen de soumettre le formulaire quand la checkbox


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,468 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales