Ciao, potresti fare una cosa di questo tipo ma anche meglio
codice:
<html>
<head>
<script type="text/javascript">
function controllo(obj,toshow){
var uncheck = document.getElementsByClassName('selection');
for(i=0;i<uncheck.length;i++){
uncheck[i].checked = false;
}
obj.checked='cheched';
var hideList = document.getElementsByClassName('row');
for(i=0;i<hideList.length;i++){
hideList[i].style.display = 'none';
}
var showList = document.getElementsByClassName(toshow);
for(i=0;i<showList.length;i++){
showList[i].style.display = 'block';
}
}
</script>
</head>
<body>
tipo 1
<input type="checkbox" class="selection" value="tipo1" name="tipo1" onChange="controllo(this,'tipo1');" />
tipo 2
<input type="checkbox" class="selection" value="tipo2" name="tipo2" onChange="controllo(this,'tipo2');" />
<div class="row tipo1" style="">contenuto tipo1 1</div>
<div class="row tipo2" style="">contenuto tipo2 2</div>
<div class="row tipo1" style="">contenuto tipo1 3</div>
<div class="row tipo2" style="">contenuto tipo2 4</div>
</body>
</html>
Con Jquery sarebbe molto più comodo
Rispondi quotando
