la gestion de checkbox

Version imprimable

22/11/2006, 00h26
way66

la gestion de checkbox

Bonjour à tous,

Je souhaite qu'un cliquant sur un lien on puisse sélectionner - ou désélectionner - un input de type checkbox. On cherche à le sélectionner lorsqu'il n'est pas encore actif et à le désélectionner lorsqu'il est déjà actif et que l'on clique sur le lien.

Voilà le code que j'ai proposé :

Citation:

<script language="JavaScript">

function selectionner(nom_formulaire,nom_input) {

/*inverser le checkbox*/
if (document.forms.nom_formulaire.nom_input.checked)
{
document.forms.nom_formulaire.nom_input.checked = false;
} else
{
document.forms.nom_formulaire.nom_input.checked = true;
}

}

</script>
<form name="comparaison" id="comparaison"><input type="checkbox" name="candidat" id="candidat" /><a href="#" onclick="javascript:selectionner('comparaison','candidat');">cliquez ici</a>
</form>

Malheuresement je ne comprends pas pourquoi il ne marche pas...

J'espère que vous pourrez m'aider,

En vous remerciant par avance,

Pierre Valade.

parceque tu passe un string en paramètre ... pas un element ...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<script type='text/javascript'>
 
function selectionner(nom_formulaire,nom_input) {
 
/*inverser le checkbox*/
if (document.forms[nom_formulaire].elements[nom_input].checked)
{
document.forms[nom_formulaire].elements[nom_input].checked = false;
} else
{
document.forms[nom_formulaire].elements[nom_input].checked = true;
}
 
}
 
</script>

et puis le coup du href ... à moins de mettre un return false àprès la fonction...

voici plutot comment je traiterais le problème:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<body>
<script type='text/javascript'>
 
function selectionner(nom_formulaire,nom_input) {
 
/*inverser le checkbox*/
var moncheck=document.forms[nom_formulaire].elements[nom_input]
moncheck.checked=(moncheck.checked)?false:true;
 
}
 
</script>
<form name="comparaison" id="comparaison"><input type="checkbox" name="candidat" id="candidat" /><a style="cursor:pointer;text-decoration:underline" onclick="selectionner('comparaison','candidat');">cliquez ici</a>
</form>
</body>
 
</html>

22/11/2006, 13h06
way66

SpaceFrog, je te remercie pour ta réponse rapide et efficace.

Bonne fin de journée,

Pierre Valade.