Reset bouton radio
Résolu
Mouaiii
Messages postés
9
Statut
Membre
-
Mouaiii Messages postés 9 Statut Membre -
Mouaiii Messages postés 9 Statut Membre -
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
<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
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
<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
Configuration: Windows XP Internet Explorer 7.0
4 réponses
-
Bonjour
voila je pense que c'est ce que tu cherche :)
<html> <head> <script> function desactive(){ if (document.form.mobilite.value = "non"){ document.form.titre1.checked = false; document.form.titre2.checked = false; document.form.titre3.checked = false; } } </script> </head> <body> <form name="form" method="post"> <p> <select name="mobilite" size="1" onclick="nom.value=''; prenom.value='';" onChange="desactive()"> <option value="Oui">Oui</option> <option value="Non">Non</option> </select> </p> <p><input name="titre1" value="Mr" type="radio" />Mr <input name="titre2" value="Madame" type="radio" />Madame <input name="titre3" value="Mademoiselle" type="radio" />Mademoiselle <br /> Nom <input name="nom" type="text"/> <br /> Prénom <input name="prenom" type="text" /> </p> </form> </body> </html>
Adns
-
Oui merci donc sa serait plutot ca pour moi
<html>
<head>
<script>
function desactive(){
if (document.form.mobilite.value = "Non"){
document.form.titre[0].checked = false;
document.form.titre[1].checked = false;
document.form.titre[2].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" 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>
Par contre je ne peux plus selectionner mon menu déroulant apres il reste vide meme avec ta solution sa ne marche qu'une seul fois ;( -
je ne comprends pas trop :S
mais bon voila un autre qui fonctionne ^^
<html> <head> <script> function desactive(){ if (document.form.mobilite.selectedIndex == 1){ document.form.titre1.checked = false; document.form.titre2.checked = false; document.form.titre3.checked = false; document.form.mobilite.selectedIndex.selected = true; } } </script> </head> <body> <form name="form" method="post"> <p> <select name="mobilite" size="1" onclick="nom.value=''; prenom.value='';" onChange="desactive()"> <option value="Oui">Oui</option> <option value="Non">Non</option> </select> </p> <p><input name="titre1" value="Mr" type="radio" />Mr <input name="titre2" value="Madame" type="radio" />Madame <input name="titre3" value="Mademoiselle" type="radio" />Mademoiselle <br /> Nom <input name="nom" type="text"/> <br /> Prénom <input name="prenom" type="text" /> </p> </form> </body> </html>
Adns -
