savoir si un "radio" est coché avec un id

Version imprimable

26/02/2010, 11h24
darkjojo

savoir si un "radio" est coché avec un id

j'aimerais savoir si ils existe une fonction qui permet de savoir si un radio est cocher mais a partir d'un id et pas a partir d'un name ?

si par exemple il existe l'equivalent de :

Code:

document.getElementsByName("ref_produit").checked;

mais avec un id
26/02/2010, 11h30
andry.aime

BONJOUR

getElementsByName retournes un tableau donc tu dois préciser son indice.

Citation:

a partir d'un id et pas a partir d'un name

Code:

document.getElementById("idDuRadio").checked;
26/02/2010, 11h50
darkjojo

ok
merci sa marche (quasiment)

2 eme petit question
maintenant j'ai une erreur car cette fonction se trouve dans un if et lorsque je teste , si l'id n'est pas checked il me crée une erreur
(document.getElementById(2) is null
if (document.getElementById(2).checked))

donc c'est pour savoir si c'est mon if qui merde ou i il existe une fonction comme isset mais en js
26/02/2010, 11h57
andry.aime

Vérifie s'il y a un et un seul élément dont l'id est égale à 2 dans ton document.
getElementById attend un String comme paramètre mais pas un entier. En plus, un id commençant par un chiffre est aussi déconseiller.
26/02/2010, 12h05
darkjojo

arghhh :furieux: pas de id = a 2 dans le doc mais certainement dans les includes

je pence qu'il va falloir trouver une autre maniere
merci quand meme
26/02/2010, 12h27
vermine

Bonjour,

Citation:

Envoyé par andry.aime

getElementById attend un String comme paramètre mais pas un entier. En plus, un id commençant par un chiffre est aussi déconseiller.
26/02/2010, 12h34
darkjojo

ah je suis trop bête le getElementbyId(2) n'existait pas (d'où le null)

j'ai enfin pu résoudre mon probleme merci pour ton aide

:zekill: moi
:arf:

Salut,
j'ai presque le même problème je cherche à vérifier si un bouton radio est cocher ou non !!
ceci est le formulaire

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
form action="traitemant_inscription.php?inscri=dac" method="post" name="inscripformulaire" id="inscription_formulaire" >
  <table  border="0" cellpadding="4" cellspacing="6">
    <tr>
      <td >Choix du type d'inscription</td>
      <td ><input type="radio" name="rdtype" id="rdtype1" value="licence" onclick="afficher();" />
        Licence </td>
      <td ><input type="radio" name="rdtype" id="rdtype2" value="master"  onclick="cacher();"/>
        Master</td>
    </tr>
    <tr>
      <td>Option de l'inscription</td>
      <td><div id="champ_cache" style="display:none">
          <p >
            <input type="radio" name="rdoption" id="rdoption" value="licence Applique" />
            Licence Applique</p>
        <p>
            <input type="radio" name="rdoption" id="rdoption" value="licence Fondamental" />
          Licence Fondamental</p>
      </div></td>
      <td><div id="champ_cache_2" style="display:none">
          <p>
            <input type="radio" name="rdoption" id="rdoption" value="M.Recherche" />
            Recherche</p>
        <p>
            <input type="radio" name="rdoption" id="rdoption" value="M. Proffessionnel" />
          Proffessionnel</p>
      </div></td>
    </tr>
<input class="btncss" type="submit" name="btnenvoi" id="btnenvoi" value="Envoyer" onclick="confirmation();"/>

et mon code js est :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
 
//premier partie pour cacher les boutons et afficher en clic su l'un des 2 premier licence ou master
<script type="text/javascript">
document.getElementById("champ_cache").style.display = "none";
document.getElementById("champ_cache_2").style.display = "none";
document.getElementById("champ_cache_3").style.display = "none";
function afficher()
{
    document.getElementById("champ_cache").style.display = "block";
    document.getElementById("champ_cache_2").style.display = "none";
}
 
function cacher()
{
    document.getElementById("champ_cache").style.display = "none";
    document.getElementById("champ_cache_2").style.display = "block";
}
function etdaffiche()
{
    document.getElementById("champ_cache_3").style.display = "block";
 
}
 
function etdcacher()
{
    document.getElementById("champ_cache_3").style.display = "none";
 
}
function cache_tout()
{
document.getElementById("champ_cache").style.display = "none";
document.getElementById("champ_cache_2").style.display = "none";
document.getElementById("champ_cache_3").style.display = "none";
}
</script>
le 2eme code pour la verification mais :zoubi::zoubi::zoubi::roll::roll::roll::roll: je suis perdu !!
<script language="text/javascript">
 
fonction confirmation()
{
     var rdname= document.getElementsByName('rdtype').value;
     var mess = '';
 
    if(rdname == '')
    mess += 'ERREUR : Renseignez correctement la question1\n';
 if (mess != '') 
            {
                alert (mess);
                return false;
            }    
            else
            {
 
                return true;    
            }
 
}    
</script>

09/03/2010, 11h09
andry.aime

Bonjour,

Citation:

<input type="radio" name="rdoption" id="rdoption" value="licence Applique" />
Licence Applique</p>
<p>
<input type="radio" name="rdoption" id="rdoption" value="licence Fondamental" />
Licence Fondamental</p>

Un id doit être unique dans un document.

Citation:

var rdname= document.getElementsByName('rdtype').value;

Retourne un tableau comme je l'ai dit plus haut, donc tu doits préciser sont indice.
La test pour voir si un radio est coché ou non se fait avec l'attribut checked qui retourne true ou false.

A+.
09/03/2010, 11h14
E.Bzz

Bonjour,

Citation:

Envoyé par andry.aime

La test pour voir si un radio est coché ou non se fait avec l'attribut checked qui retourne true ou false.

+1

Et puisqu'il s'agit d'un formulaire, c'est même dans la FAQ ;)
Sauf qu'il vaut mieux préférer la syntaxe

Code:

document.forms['name_du_form'].elements['name_element']

A+

Citation:

Envoyé par E.Bzz

Bonjour,+1

Et puisqu'il s'agit d'un formulaire, c'est même dans la FAQ ;)
Sauf qu'il vaut mieux préférer la syntaxe

Code:

document.forms['name_du_form'].elements['name_element']

A+

la je suis perdu !!!:help:
donc il faut récupérer par nom du formulaire et id du bouton radio
dac mais avec les échange rien !!

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<script language="javascript" type="text/javascript">
 
fonction confirmation()
{
          var mess = '';
 
    if(document.inscripformulaire.getElementsById("rdtype1").checked == false)
    //meme avec if(document.forms['inscripformulaire'].getElementsById("rdtype1").checked == false)
    mess += 'ERREUR : Renseignez correctement la question1\n';
 if (mess != '') 
            {
                alert (mess);
                return false;
            }    
            else
            {
 
                return true;    
            }
 
}    
</script>

09/03/2010, 11h43
andry.aime

Re,

Code:

document.getElementsById("rdtype1").checked==false

getElementById est une méthode de l'objet document et retourne l'objet dont l'id est passé en paramètre. Par contre les méthodes getElementsByName, getElementsByTagName, getElementsByClassName sont des méthodes de plusieurs objets comme document, div, form, ... qui retourne un tableau d'objet.
09/03/2010, 11h47
E.Bzz

Citation:

Envoyé par funpro

donc il faut récupérer par nom du formulaire et id du bouton radio

Non, il s'agit de 2 méthodes d'accès différentes.

Pour tester un élément en particulier, mieux vaut utiliser les id (ceux-ci devant être unique dans la page, comme souligné par Andry).

Par contre, pour vérifier si un des radio est coché, mieux vaut passer par les collections, comme indiqué dans la FAQ. Par contre, il s'agit là des name et non des id.
Tu n'as ainsi qu'à connaitre le name du groupe de radio et non l'id de chaque radio.
Toi tu as mélangé les 2 notions, ce qui n'est pas correct.
Avec getElementsByName() le principe est le même.

Par contre, il faut une boucle (relis la FAQ) et tu n'en as pas.

En complément, je ne t'indiquait qu'une syntaxe "préférable" à celle de la FAQ. Mais le résultat est le même ...

A+