Un checkbox dans une autre checkbox, est-ce que ça marche ?
Salut !! =)
J'ai un petit souci sur un code, je trouve bizarre que mon système de checkbox marche d'un coté (version assez simple) et de l'autre pas du tout (un peu plus complexe avec un checkbox dans une autre) et le tout avec 3 fonctions totalement identique sauf au niveau des id bien évidement
Bon le mieux c'est en montrant le code je pense :
coté html :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
| <div id="connect">
<p>
<label for="connection">Connection</label>
<input type="checkbox" id="connection" name="connection">
</p>
<div id="log">
<p>
<label for="pseudolog">Pseudo :</label>
<input type="text" name="pseudolog" id="pseudolog">
</p>
<p>
<label for="pass">Mot de passe :</label>
<input type="text" name="pass" id="pass">
</p>
</div>
</div>
<div id="regist">
<p>
<label for="new">Inscription</label>
<input type="checkbox" id="new" name="new">
</p>
<div id="newlog">
<form id="inscription" class="inscription" name="inscription" method="post">
<div id="inser">
<p>
<label for="pseudo">Pseudo :</label>
<input type="text" id="pseudo" name="pseudo">
</p>
<p>
<label for="mail">E-mail :</label>
<input type="email" id="email" name="email">
</p>
<p>
<label for="password">Mot de passe :</label>
<input type="password" id="password" name="password">
</p>
<p>
<label for="password">Confirmer mot de passe :</label>
<input type="password" id="password" name="password">
</p>
</div>
<div id="check">
<p>
<label for="join">Rejoindre la guilde Rage Fist</label>
<input type="checkbox" id="join" name="join">
</p>
<div id="postule">
<p>
<label for="pseudoIG">Pseudo In Game :</label>
<input type="text" name="pseudoIG" id="pseudoIG">
</p>
<p>
<label for="motiv">Dites nous en un peu plus sur vous !</label>
<textarea id="motiv" name="motiv"></textarea>
</p>
</div>
</div>
</form>
</div>
</div> |
et le JS :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
|
function rejoindre() {
document.getElementById('join').onclick = function(){
if (document.getElementById('join').checked){
document.getElementById('postule').style.display = "block";
}else{
document.getElementById('postule').style.display = "none";
}
};
document.getElementById('postule').style.display = "none";
};
window.onload = function(){
rejoindre()
}
function inscri() {
document.getElementById('new').onclick = function(){
if (document.getElementById('new').checked){
document.getElementById('newlog').style.display = "block";
}else{
document.getElementById('newlog').style.display = "none";
}
};
document.getElementById('newlog').style.display = "none";
};
window.onload = function(){
inscri()
}
function co() {
document.getElementById('connection').onclick = function(){
if (document.getElementById('connection').checked){
document.getElementById('log').style.display = "block";
}else{
document.getElementById('log').style.display = "none";
}
};
document.getElementById('log').style.display = "none";
};
window.onload = function(){
co()
} |
Bon je sais d'avance qu'il y a des moyens plus simple de faire de genre de chose j'en suis persuader mais à mon niveau j'y vois un peu plus clair comme ça... J'aimerais surtout savoir pourquoi que ma methode ne marche pas et pourquoi pas connaitre la version simplifié =)
Merci
