Cocher bouton checkbox

Résolu
Morbi56 Messages postés 3 Date d'inscription   Statut Membre Dernière intervention   -  
Morbi56 Messages postés 3 Date d'inscription   Statut Membre Dernière intervention   -
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   Statut Membre Dernière intervention   150
 
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   Statut Membre Dernière intervention  
 
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   Statut Membre Dernière intervention   150
 
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   Statut Membre Dernière intervention  
 
J'ai trouvé, j'ai changer mon input de type sumbit en input de type button et ça marche ! Merci à vous :)
0