Faire un apparaitre une liste de div en cochant checkbox!
Salut à tous!!:)
Il y a quelques semaines on m'a aide a trifouille un code que voici :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
| var form;
function change() {
form = form || document.getElementById('form');
form.champ.value = '';
var i = -1;
var coche;
while (coche = form.coche[++i]) {
if (coche.checked) {
form.champ.value += coche.title + ' \r\n';
};
};
};
<textarea name="champ" class="list" onFocus="this.blur()"></textarea>
<input type="reset" value="Remise à zéro!"> |
Ca me permet d'afficher une information comprise dans le tittle de chaque checkbox coché dans un champ texte ce qui marche.... mais je souhaite désormais faire autrement ayant découvert la fonction display...
voila ou j'en suis pour l'instant!
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
| <script language="Javascript">
function infocheckbox() {
var contentId = document.getElementById("content");
contentId.style.display == "block" ? contentId.style.display = "none" :
contentId.style.display = "block";
}
</script>
<form id="form" name="form">
<input type="checkbox" name "coche" value= "étudiant1" onclick="infocheckbox()"/>
<input type="checkbox" name "coche" value= "étudiant2" onclick="infocheckbox()"/>
</form>
<div ID="content" style="display:none; color:red;">
<table style="border:1px solid black;"><tr><td>Première année</td><td>Joe</td><td>18 ans.</td></tr></table></div> |
Donc ce que je souhaite c'est inclure comme mon premier exemple une boucle qui incrémente une div supplémentaire dans un autre block a chaque nouveau checkbox coché!!
Si vous avez une piste svp, je suis preneur ... parce que la je rame...:oops:
Merci!!!
