Verification de bouton radio

Version imprimable

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<form action="new.php" method="post" target="_self" OnSubmit="return radio_null('num_g')">
<table width="200" border="1" cellspacing="1" cellpadding="1">
  <tr>
    <td>test 1</td>
    <td>test 2</td>
    <td>test 3</td>
  </tr>
 
	<?php do { ?>
  <tr>
    <td><input type="radio" name="num_g"  id="num_g" value="<?php echo $row_suivi['num_g']; ?>"></td>
    <td><?php echo $row_suivi['nom']; ?></td>
    <td><?php echo $row_suivi['prenom']; ?></td>
  </tr>
  	<?php } while ($row_suivi = mysql_fetch_assoc($suivi)); ?>
 
</table>

Code:

1
2
3
4
5
6
7
8
9
10
function radio_null(id_radio)
{
  var radio_null=true;
  if (document.getElementById(id_radio).checked == false)
	  {
		alert("Veuillez cocher une case.");
		radio_null=false;
	  }
  return radio_null;
}

J'ai créé une fonction en javascript pour tester si un bouton radio est coché ou non. Mon problème est que sur le premier enregistrement cela fonctionne correctement, mais sur les autres lignes ca ne marche plus.

07/03/2006, 16h32
Matthieu2000

http://javascript.developpez.com/faq...ps#valCheckbox
:faq: :sm:
07/03/2006, 16h52
12_darte_12

J'ai déjà regarder ça. Mais cela ne m'explique pas pourquoi il n'y a que sur ma premiere ligne que cela fontionne.
07/03/2006, 16h55
denisC

Re: Verification de bouton radio

Citation:

Envoyé par 12_darte_12

Mon problème est que sur le premier enregistrement cela fonctionne correctement, mais sur les autres lignes ca ne marche plus.

Peut-être parceque l'identifiant d'un élement HTML doit être unique dans ta page? Et là, style tout le monde a le même identifiant.... Ca devient dur de les identifier, non?
07/03/2006, 17h01
12_darte_12

D'accord mais dans mon cas, n'existe-t-il pas un moyen de faire ce que je veux?
07/03/2006, 17h23
denisC

Citation:

Envoyé par 12_darte_12

D'accord mais dans mon cas, n'existe-t-il pas un moyen de faire ce que je veux?

Si, mais il faudrait reflechir, peut-être?

Voila c'est fait, dites moi ce que vous en pensez?

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
function radio_null()
{
var radio_null=true;
for (i=0; i<document.numduform.nomdubouton.length; i++) 
	{
    if (document.numduform.nomdubouton.[i].checked) 
		{
		var test_cocher = 1
		}
    else 
   		{
		var test_decocher = 0
		}
	}
 
if (test_cocher == 1)
	{
	radio_null=true;
	}
else
	{
	alert("Veuillez cocher une case.");
	radio_null=false;
	}
 
return radio_null;
}

Comme c'est un bouton radio une seul case peut etre cocher.

Je t'ai fait un petit exemple qui fonctionne :

Le javascript :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
<script type="text/javascript">
 
function radio_null()
{
var nombreRadios = 3;
var coche = false;
 
for (i=0; i< nombreRadios; i++){
 
    if (document.getElementById("radio"+i).checked == true)
     coche = true;
}
 
if (coche == false){
alert("Veuillez cocher une case.");
  return false;
 
  }else{
   return true;
   }
} 
</script>

Le html :

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
<form action="new.php" method="post" target="_self" onsubmit="return radio_null()">
<table width="200" border="1" cellspacing="1" cellpadding="1">
  <tr>
    <td>test 1</td>
    <td>test 2</td>
    <td>test 3</td>
  </tr>
 
 
  <tr>
    <td><input type="radio" name="num_g"  id="radio0" value="uhuh"></td>
    <td>dddd</td>
    <td>dddd</td>
  </tr>
    <tr>
    <td><input type="radio" name="num_g"  id="radio1" value="uhuh"></td>
    <td>dddd</td>
    <td>dddd</td>
  </tr>
 
    <tr>
    <td><input type="radio" name="num_g"  id="radio2" value="uhuh"></td>
    <td>dddd</td>
    <td>dddd</td>
  </tr>
 
<input type="submit" value="valider" />

08/03/2006, 10h05
12_darte_12

Ca ne marche pas quand il n'y a qu'une ligne,

Code:

document.numduform.nomdubouton.length

retourne 'undefined' je ne comprend pas pourquoi.
08/03/2006, 10h20
SpaceFrog

Code:

alert(document.getElementsByName('monbouton').length)

:idea:
08/03/2006, 10h23
Matthieu2000

Citation:

Envoyé par 12_darte_12

Ca ne marche pas quand il n'y a qu'une ligne,

Code:

document.numduform.nomdubouton.length

retourne 'undefined' je ne comprend pas pourquoi.

length ne marche que pour les tableaux.

fais un teste...

Citation:

if (!document.numduform.nomdubouton.length)
08/03/2006, 10h24
12_darte_12

Pour

Code:

alert(document.getElementsByName('monbouton').length)

quoi que je fasse ca me met 0.

Citation:

length ne marche que pour les tableaux.

fais un teste...
Citation:
if (!document.numduform.nomdubouton.length)

Je ne comprend pas dans ce cas a quoi me servirai ce test
08/03/2006, 10h26
SpaceFrog

mon code ne retourne pas 0 si il n'y a qu'un objet !!!!
08/03/2006, 10h30
12_darte_12

Citation:

Envoyé par SpaceFrog

mon code ne retourne pas 0 si il n'y a qu'un objet !!!!

Excuse moi c'est une erreur de ma part. Mauvais nom du bouton.
08/03/2006, 10h31
SpaceFrog

Citation:

Excuse moi c'est une erreur de ma part. Mauvais nom du bouton.

Non c'est rien c'est surtout pour que tu résolve ton problème ! :)
08/03/2006, 10h47
12_darte_12

Ok merci a tous pour l'aide, je pense que je vais acheter un bouquin pour javascript au lieu de triffouiller a droite et a gauche.

Merci a tous pour votre aide.
08/03/2006, 10h48
SpaceFrog

fais l'economie de quelques euros .. il y a d'excellents tutos et cours sur developpez ...