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
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<script type="text/javascript">
function uncheckParent(idParent,me){
var listeParent = document.getElementById(idParent).getElementsByTagName('input');
for(var i = 0 , l = listeParent.length; i < l ; i++){
if(listeParent[i].type =="checkbox"){
listeParent[i].checked = "";
}
}
me.checked = "checked";
}
function uncheckChild(me){
var listeParent = me.parentNode.getElementsByTagName('input');
for(var i = 0 , l = listeParent.length; i < l ; i++){
if(listeParent[i].type =="checkbox"){
listeParent[i].checked = "";
}
}
me.checked = "checked";
}
</script>
</head>
<body>
<ul>
<li id="menu"><input type="checkbox" onclick="uncheckChild(this);" /> MENU
<ul>
<li id="menu1"><input type="checkbox" onclick="uncheckParent('menu',this);uncheckChild(this);" /> Menu 1
<ul>
<li><input type="checkbox" onclick="uncheckParent('menu1',this);uncheckChild(this);" />ss menu1</li>
<li><input type="checkbox" onclick="uncheckParent('menu1',this);uncheckChild(this);" />ss menu2</li>
<li><input type="checkbox" onclick="uncheckParent('menu1',this);uncheckChild(this);" />ss menu3</li>
<li><input type="checkbox" onclick="uncheckParent('menu1',this);uncheckChild(this);" />ss menu4</li>
</ul>
</li>
<li id="menu2">Menu 2
<ul>
<li><input type="checkbox" onclick="uncheckParent('menu2',this);uncheckChild(this);" />ss menu1</li>
<li><input type="checkbox" onclick="uncheckParent('menu2',this);uncheckChild(this);" />ss menu2</li>
<li><input type="checkbox" onclick="uncheckParent('menu2',this);uncheckChild(this);" />ss menu3</li>
<li><input type="checkbox" onclick="uncheckParent('menu2',this);uncheckChild(this);" />ss menu4</li>
</ul>
</li>
</ul>
</li>
</ul>
</body>
</html> |
Partager