Cocher bouton checkbox

Résolu/Fermé
Morbi56 Messages postés 3 Date d'inscription mardi 3 février 2015 Statut Membre Dernière intervention 4 février 2015 - 3 févr. 2015 à 14:52
Morbi56 Messages postés 3 Date d'inscription mardi 3 février 2015 Statut Membre Dernière intervention 4 février 2015 - 4 févr. 2015 à 10:26
Bonjour, j'ai réaliser un formulaire qui possède des zone " pré remplie " en fonction du type. Ce qui évite a l'utilisateur de cocher des chexbox. Donc j'aimerais depuis 1 bouton type="submit"pouvoir cocher plusieurs checkbox.

<button type="submit" name="genre_1" onclick="genre(numero1)">checkbox</button>

J'ai crée une une fonction qui comporte cela :
checkbox=document.getElementById("choix_1")
if (numero1) checkbox.checked

Mais cela ne fonctionne pas, aurais vous une solution s'il vous plait ?

2 réponses

Exileur Messages postés 1475 Date d'inscription mercredi 31 août 2011 Statut Membre Dernière intervention 16 décembre 2022 150
Modifié par Exileur le 3/02/2015 à 15:12
Salut,

Du code, enfin ! Je vais pouvoir m'amuser un peu ce matin (edit:cet aprém) !
Pour cocher une textbox tu dois utiliser cette commande :
document.getElementById('option1').checked = true;


Et la décocher :
document.getElementById('option1').checked = false;

ça va de soit :)

un petit exemple :
<html>
<head>
<script type="text/javascript" >
function genre(i)
{
 if(i=='numero1')
 {
  document.getElementById('option1').checked = true;
 }
 
 else if(i=='numero2')
 {
  document.getElementById('option1').checked = true;
  document.getElementById('option2').checked = true;
 }
 
 else if(i=='numero3')
 {
  document.getElementById('option2').checked = true;
  document.getElementById('option3').checked = true;
 }
}
</script>
</head>

<body>
<input type="checkbox" id="option1" name="option1" value="value1"> OPT1<br>
<input type="checkbox" id="option2" name="option2" value="value2"> OPT2<br>
<input type="checkbox" id="option3" name="option3" value="value3"> OPT3<br>

<button type="submit" name="genre_1" onclick="genre('numero1')">checkbox 1 </button> 
<button type="submit" name="genre_1" onclick="genre('numero2')">checkbox 1 et 2</button> 
<button type="submit" name="genre_1" onclick="genre('numero3')">checkbox 2 et 3</button> 
</body>

</html>


En espérant avoir aidé
Cordialement
N'oubliez pas de marquez votre post comme résolut lorsque vous avez eu les réponses à vos questions...
Au royaume des aveugles, les borgnes sont rois.
2
Morbi56 Messages postés 3 Date d'inscription mardi 3 février 2015 Statut Membre Dernière intervention 4 février 2015
Modifié par Morbi56 le 3/02/2015 à 15:23
Merci de votre aide ! j'ai aussi remarquée que j'avais fait une erreur quand j'appelle la fonction. Mais maintenant j'ai un autre petit problème, les checkbox ne reste pas cochées, elles se décoches immédiatement après que j'ai appuyée sur le bouton. Avez vous une idées d'ou ce problème proviens ?
0
Exileur Messages postés 1475 Date d'inscription mercredi 31 août 2011 Statut Membre Dernière intervention 16 décembre 2022 150
Modifié par Exileur le 3/02/2015 à 15:28
Je peux avoir l'adaptation que vous avez fait dans votre code ?
Quelle est l'action dans le <form> ?

Quel navigateur utilisez vous ?
0
Morbi56 Messages postés 3 Date d'inscription mardi 3 février 2015 Statut Membre Dernière intervention 4 février 2015
4 févr. 2015 à 10:26
J'ai trouvé, j'ai changer mon input de type sumbit en input de type button et ça marche ! Merci à vous :)
0