récupération de la valeur d'un checkbox en js

**laurentSc** · 23/03/2010, 22h40

Bonsoir, je voudrais récupérer la valeur d'un checkbox en js (je sais qu'en PHP, pour un formulaire POST, on fait

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$_POST["champ"][i]

, mais là ?

**emmanuel.remy** · 23/03/2010, 23h08

Salut,

Il suffit d'accéder à l'attribut value de ta checkbox.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<input type="checkbox" value="valeur" onclick="alert(this.value);" />

ERE

**laurentSc** · 23/03/2010, 23h34

Merci, je suis vraiment débutant en js, mais j'aimerais que si l'on clique sur la checkbox, sa valeur passe à "oui" et si on reclique, elle repasse à "non". Or j'ai fait ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<input type="checkbox" id="q_fpe" name="q_fpe[]" onclick="action_fpe(this.value);" value="oui"/>

et elle vaut toujours "oui". Quel est le bug ?

**emmanuel.remy** · 24/03/2010, 00h44

Re,

Par exemple:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<html>
  <head>
  <script type="text/javascript" language="JavaScript">
      function action_fpe(v) {
        document.getElementById("q_fpe").value = v=="oui" ? "non" : "oui";
        alert("nouvelle valeur: " + document.getElementById("q_fpe").value);
      }
  </script>
 
  </head>
  <body>
    <input type="checkbox" id="q_fpe" name="q_fpe[]" onclick="action_fpe(this.value);" value="oui"/>
  </body>
</html>

ERE

**laurentSc** · 24/03/2010, 09h12

Merci, j'avais bien tenter un truc similaire, mais pas exactement ça.

**SpaceFrog** · 24/03/2010, 09h15

à noter que l'on peut aussi passer par le name ...
et que coté client les crochets dans le name sont des caractères comme les autres...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 name="q_fpe[]"

=>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementsByName("q_fpe[]")[0]

récupération de la valeur d'un checkbox en js

JavaScript

Discussions similaires

Partager

Partager