Reset bouton radio

Version imprimable

Reset bouton radio

Bonjour
Je cherche a reset un bouton radio j'arrive a reset des zones de textes mais pas un bouton radio et je ne veux pas reset mon formulaire tout entier.

voici un exemple simplifié de se que je recherche
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 <html> <body> <form name="valider" method="post"> <p> <select name="mobilite" size="1" onclick="nom.value=''; prenom.value='';"> <option value="Oui">Oui</option> <option value="Non">Non</option> </select> </p> <p><input name="titre" value="Mr" type="radio" />Mr <input name="titre" value="Madame" type="radio" />Madame <input name="titre" value="Mademoiselle" type="radio" />Mademoiselle <br /> Nom <input name="nom" type="text"/> <br /> Prénom <input name="prenom" type="text" /> </p> </form> </body> </html>
Donc j'aimerai que lorsque je clic sur mon menu déroulant (Si sa pouvait etre lorsque je clic sur non sa serait encore mieux mais ce n'est pas bien grave) le bouton radio soit aussi reset

Merci d'avance

15/04/2009, 11h27
Poulpynette

Peut-être ce sujet pourra-t-il t'aider.

Sinon je ne sais pas si c'est faisable, peut-être en Javascript ...

Salut,
Une première solution, à améliorer....

En reprenant ton code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<html>
<body>
<form name="valider" method="post">
<p>
<select name="mobilite" size="1" onclick="nom.value=''; prenom.value=''; melle.checked=false; mr.checked=false; mme.checked=false;">
	  <option value="Oui">Oui</option>
    <option value="Non">Non</option>
	</select>
</p>
<p>
  <input id="mr" name="titre" value="Mr" type="radio" />Mr
	<input id="mme" name="titre" value="Madame" type="radio" />Madame
	<input id="melle" name="titre" value="Mademoiselle" type="radio" />Mademoiselle
<br />
  Nom <input name="nom" type="text"/>
<br />
  Prénom <input name="prenom" type="text" />
</p>
</form>
</body>
</html>

merci de votre aide j'arrive a ca c'est niquel !

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
 
<html>
<head>
<script>
function desactive(){
 
if (document.form.mobilite.value == "Non"){
 
document.form.Mr.checked = false;
document.form.Madame.checked = false;
document.form.Mademoiselle.checked = false;
document.form.nom.value=''; 
document.form.prenom.value='';
}
}
</script>
</head>
<body>
<form name="form" method="post">
<p>
<select name="mobilite" size="1" onChange="desactive()">
 
<option value="Oui">Oui</option>
<option value="Non">Non</option>
</select>
</p>
<p><input name="titre" value="Mr" id="Mr" type="radio" />Mr
<input name="titre" value="Madame" id="Madame"  type="radio" />Madame
<input name="titre" value="Mademoiselle" id="Mademoiselle"  type="radio" />Mademoiselle
<br />
Nom <input name="nom" type="text"/>
<br />
Prénom <input name="prenom" type="text" />
</p>
</form>
</body>
</html>