par
AB » 21 oct. 2010, 17:54
Bon, voilà :
<script type="text/javascript">
<!--
function Reset_radio(id_ensemble_radio)
{
// Sélection du bloc contenant les boutons radio (id = "choix_radio" dans notre exemple)
var id_ensemble_radio = document.getElementById(id_ensemble_radio);
if(id_ensemble_radio)
{
//Initialisation d'une variable pour contenir un tableau.
var tab = new Array();
// Cherche les balises de nom input inclues dans le bloc (id = "choix_radio" dans notre exemple)
tab = id_ensemble_radio.getElementsByTagName('input');
// Liste les éléments du tableau
for (i=0; i < tab.length; i++)
{
//Si balise de type radio on met checked = false
if(tab[i].type == 'radio') tab[i].checked = false;
}
}
}
-->
</script>
<form action = "#" method = "post" id = "form1">
<p>
<label for="poussins">poussins</label>
<input type="radio" id = "poussins" name = "cat" value = "poussins" />
<label for="minimes">minimes</label>
<input type="radio" id = "minimes" name = "cat" value = "minimes" />
</p>
<p id = "choix_radio">
<label for="cadets">cadets</label>
<input type="radio" id = "cadets" name = "cat" value = "cadets" />
<label for="juniors">juniors</label>
<input type="radio" id = "juniors" name = "cat" value = "juniors" />
<label for="seniors">seniors</label>
<input type="radio" id = "seniors" name = "cat" value = "seniors" />
<input type = "button" onclick = "Reset_radio('choix_radio')" value = "Reset" />
</p>
</form>
Je t'ai mis deux lignes de boutons radio pour montrer qu'on pouvait cibler le reset (ici pour la deuxième ligne)
Bon, voilà :
[html]<script type="text/javascript">
<!--
function Reset_radio(id_ensemble_radio)
{
// Sélection du bloc contenant les boutons radio (id = "choix_radio" dans notre exemple)
var id_ensemble_radio = document.getElementById(id_ensemble_radio);
if(id_ensemble_radio)
{
//Initialisation d'une variable pour contenir un tableau.
var tab = new Array();
// Cherche les balises de nom input inclues dans le bloc (id = "choix_radio" dans notre exemple)
tab = id_ensemble_radio.getElementsByTagName('input');
// Liste les éléments du tableau
for (i=0; i < tab.length; i++)
{
//Si balise de type radio on met checked = false
if(tab[i].type == 'radio') tab[i].checked = false;
}
}
}
-->
</script>
<form action = "#" method = "post" id = "form1">
<p>
<label for="poussins">poussins</label>
<input type="radio" id = "poussins" name = "cat" value = "poussins" />
<label for="minimes">minimes</label>
<input type="radio" id = "minimes" name = "cat" value = "minimes" />
</p>
<p id = "choix_radio">
<label for="cadets">cadets</label>
<input type="radio" id = "cadets" name = "cat" value = "cadets" />
<label for="juniors">juniors</label>
<input type="radio" id = "juniors" name = "cat" value = "juniors" />
<label for="seniors">seniors</label>
<input type="radio" id = "seniors" name = "cat" value = "seniors" />
<input type = "button" onclick = "Reset_radio('choix_radio')" value = "Reset" />
</p>
</form>[/html]
Je t'ai mis deux lignes de boutons radio pour montrer qu'on pouvait cibler le reset (ici pour la deuxième ligne)