modifier attribut checked bouton radio

**calitom** · 27/11/2006, 16h31

comment faire pour modifier l'attribut checked d'un bouton radio en javascript.

Voici mes boutons:

Code :

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

1
2
3
4
5
 
<td><input type="radio" name="radiosexe1" id="radiosexe1" value=""></td>
<td><input type="radio" name="radiosexe2" id="radiosexe2" value="" CHECKED></td>
<td><input type="radio" name="radiocouleur1" id="radiocouleur1" value=""></td>
<td><input type="radio" name="radiocouleur2" id="radiocouleur2" value="" CHECKED></td>

En fait, si je clique sur une image au dessus du bouton je veux associer une action javascript qui passe l'attribut checked au radio correspondant...
(radiosexe1=femme radiosexe2=homme radiocouleur1=noir radiocouleur2=blanc)

**avogadro** · 27/11/2006, 16h41

ca peut t'aider :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<html>
 
<head>
<script language="JavaScript">
function decoche() {
document.forms[0].toto.checked = false;
}
</script>
</head>
 
<body>
<input type="button" value="bloppppp" onClick="decoche()">
<form>
<input type="radio" id="toto" value="" CHECKED>
</form>
</body>
 
</html>

**SpaceFrog** · 27/11/2006, 16h44

quel interet d'avoir des names différents pour tous ?
ils devraient être associés deux par deux non ?

**calitom** · 27/11/2006, 16h47

Ah ok alors en fait il faut leur mettre le meme nom et pas le meme id qd ils sont associés?

Comme ca:

Code :

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

1
2
3
4
5
 
<td><input type="radio" name="radiosexe" id="radiosexe1" value=""></td>
<td><input type="radio" name="radiosexe" id="radiosexe2" value="" CHECKED></td>
<td><input type="radio" name="radiocouleur" id="radiocouleur1" value=""></td>
<td><input type="radio" name="radiocouleur" id="radiocouleur2" value="" CHECKED></td>

Ou on leur met le meme id aussi comme ca? :

Code :

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

1
2
3
4
5
 
<td><input type="radio" name="radiosexe" id="radiosexe" value=""></td>
<td><input type="radio" name="radiosexe" id="radiosexe" value="" CHECKED></td>
<td><input type="radio" name="radiocouleur" id="radiocouleur" value=""></td>
<td><input type="radio" name="radiocouleur" id="radiocouleur" value="" CHECKED></td>

**SpaceFrog** · 27/11/2006, 16h48

non l'id doit être unique ...

**calitom** · 27/11/2006, 16h57

J'ai fait ca mais ca marche pas...
Ou est le problème?:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<form name="ajoutpanier">
<tr> 
<td><a href="javascript:changesexe('femme');"><img src="images/structure/symbole_femme.gif" width="43" height="63" border="0" /></a></td>
<td><a href="javascript:changesexe('homme');"><img src="images/structure/symbole_homme.gif" width="43" height="63" border="0" /></a></td>
</tr>
<tr> 
<td><input type="radio" name="radiosexe" id="radiosexe1" value=""></td>
<td><input type="radio" name="radiosexe" id="radiosexe2" value="" CHECKED></td>
</tr>
</form>

et dans la partie javascript:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
function changesexe(sexe){
  if(sexe=="homme")
  {
	document.ajoutpanier.radiosexe1.checked=false;
    document.ajoutpanier.radiosexe2.checked=true;
  }
  else if(sexe=="femme")
  {
    	document.ajoutpanier.radiosexe2.checked=false;
	document.ajoutpanier.radiosexe1.checked=true;
  }
}

**avogadro** · 27/11/2006, 17h01

pour avant, maniere lourde :

Code :

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

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
<html>
 
<head>
<script language="JavaScript">
function decoche() {
document.forms[0].toto.checked = false;
document.forms[0].blip.checked = false;
document.forms[0].titi.checked = false;
document.forms[0].blop.checked = false;
}
</script>
</head>
 
<body>
<input type="button" value="bloppppp" onClick="decoche()">
<form>
<input type="radio" name="groupe1" id="toto" value="" CHECKED>
<input type="radio" name="groupe1" id="titi" value="">
 
<input type="radio" name="groupe2" id="blip" value="" CHECKED>
<input type="radio" name="groupe2" id="blop" value="">
</form>
</body>
 
</html>

ps : ta nouvelle fonction marche !

Code :

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

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
<html>
 
<head>
<script language="JavaScript">
function changesexe(sexe){
  if(sexe=="homme")
  {
	document.ajoutpanier.radiosexe1.checked=false;
    document.ajoutpanier.radiosexe2.checked=true;
  }
  else if(sexe=="femme")
  {
    	document.ajoutpanier.radiosexe2.checked=false;
	document.ajoutpanier.radiosexe1.checked=true;
  }
}
</script>
</head>
 
<body>
<form name="ajoutpanier">
<a href="javascript:changesexe('femme');"><img src="http://images.google.fr/images?q=tbn:XNd6mqXi9Pd2SM:http://www.advalvas.be/fr/images/stories/cinema/scarlett0610022.jpg" width="43" height="63" border="0" /></a>
<td><a href="javascript:changesexe('homme');"><img src="http://images.google.fr/images?q=tbn:aKMy27shPrfc7M:http://www.lesailes.com/fr/images/mode/produit_coupdoeil_h/homme_01.jpg" width="43" height="63" border="0" /></a>
<br/>
<input type="radio" name="radiosexe" id="radiosexe1" value="femme cochée">femme<br/>
<input type="radio" name="radiosexe" id="radiosexe2" value="homme cochée" CHECKED>homme
 
</form>
</body>
 
</html>

**SpaceFrog** · 27/11/2006, 17h05

ouf tu te complique la vie !!!

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
<script type='text/javascript'>
function changesexe(sexe){
	document.getElementById('radiosexe1').checked=(sexe=="femme")
	document.getElementById('radiosexe2').checked=(sexe=="homme")
	}
 </script>
</head>
 
<body>
<form name="ajoutpanier">
<table>
<tr> 
<td><img src="images/structure/symbole_femme.gif" width="43" height="63" border="0" onclick="changesexe('femme')" style='cursor:poniter'  /></td>
<td><img src="images/structure/symbole_homme.gif" width="43" height="63" border="0" onclick="changesexe('homme')" style='cursor:poniter' /></a></td>
</tr>
<tr> 
<td><input type="radio" name="radiosexe" id="radiosexe1" value=""></td>
<td><input type="radio" name="radiosexe" id="radiosexe2" value="" CHECKED></td>
</tr>
</form>

**calitom** · 27/11/2006, 17h10

Ca marche pas...
La console d'erreur me renvoi :

Code :

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

1
2
3
4
 
Erreur : document.radiosexe has no properties
Fichier source : http://127.0.0.1/KdoDebil/index.php?cat=01&souscat=01
Ligne : 199

**avogadro** · 27/11/2006, 17h13

Code :

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

.radiosexe

est cencé etre le nom de ta form, sans la forme il faut utilisé une autre méthode !

**calitom** · 27/11/2006, 17h19

Qu'est ce que tu veux dire? Je ne vois pas ou tu veux en venir....

modifier attribut checked bouton radio

JavaScript

Vue hybride

Discussions similaires

Partager

Partager