Reset bouton radio

**Mouaiii** · 15/04/2009, 10h43

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 :

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
 
<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

**Poulpynette** · 15/04/2009, 11h27

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

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

**kalyparker** · 15/04/2009, 12h16

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

En reprenant ton code :

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
<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>

**Mouaiii** · 15/04/2009, 12h39

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

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
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>

Reset bouton radio

HTML

Vue hybride

Discussions similaires

Partager

Partager