Aller au contenu

Des cases à cocher...


SuperNiko

Messages recommandés

Bonjour, je suis débutant... Et je cherche comment faire un page, avec des case à cocher... ça je crois que je sais le faire, mais ensuite, là ou ça se corse, c'est que je voudrai qu'en cliquant sur un bouton, seul les lignes avec les case cochées ne reste...

Je sais pas si je me fais bien comprendre... En fait, toutes les lignes où les cases ne sont pas cochées ne doivent pas apparaitre sur la page finale...

Pour l'instant, je sais faire ça :

<H4><U>Titre de mon formulaire </U></H4>

<INPUT type="checkbox" name="form">1 ère ligne:

<select>

<option value="0" selected>0</option>

<option value="4">4</option>

<option value="8">8</option>

<option value="12">12</option>

<option value="16">16</option>

</select>

<BR>

<INPUT type="checkbox" name="form">2ème ligne:

<select>

<option value="0" selected>0</option>

<option value="4">4</option>

<option value="8">8</option>

<option value="12">12</option>

<option value="16">16</option>

</select>

Et je voudrais que seul la ligne dont la case est coché reste lorsque je click sur un boutton...

Vous savez faire ?

Merci pour vos futures réponses

Lien vers le commentaire
Partager sur d’autres sites

Je t'ai fais un partie du travail ...

<script language="Javascript">
function verification(form) {
if (form.checkbox1.checked) { document.write(form.checkbox1.value + " avec valeur " + form.liste1.value); }
if (form.checkbox2.checked) { document.write(form.checkbox2.value + " avec valeur " + form.liste2.value); } 
}
</script>

</head>

<body>

<H4><U>Titre de mon formulaire </U></H4>
<form name="form">

 <INPUT type="checkbox" name="checkbox1" value="1 ère ligne">1 ère ligne:
 
 <select name="liste1">
 <option value="0" selected>0</option>
 <option value="4">4</option>
 <option value="8">8</option>
 <option value="12">12</option>
 <option value="16">16</option>
 </select>
 <BR>
 
 <INPUT type="checkbox" name="checkbox2" value="2ème ligne">2ème ligne:
 <select name="liste2">
 <option value="0" selected>0</option>
 <option value="4">4</option>
 <option value="8">8</option>
 <option value="12">12</option>
 <option value="16">16</option>
 </select>
<br>

<input type="button" value="Ok" onclick="verification(form)">

</form>	

Quelques changements dans ce que tu avais donné :

- nom aux différents éléments du formulaire pour les utiliser dans le script ;

- rajout de la partie <script> dans le head.

La fonction document.write va écrire dans une nouvelle page le choix de l'utilisateur.

Petits problèmes cependant ...

Avec IE : tout se passe comme je le souhaite ...

Avec Opera : Il ne m'affiche pas la valeur choisie dans la liste ... Pourquoi ?

Avec Mozilla : Il affiche ce qu'il faut, mais il charge toujours la page ... alors que tout est chargé ... Pourquoi ? ;)

Voilou

Lien vers le commentaire
Partager sur d’autres sites

Archivé

Ce sujet est désormais archivé et ne peut plus recevoir de nouvelles réponses.

×
×
  • Créer...