|
Сообщение от Newcomer
|
|
А как сделать, чтобы по клику на 2 чекбокс выводились 2 и 3 блок?
|
<html>
<head>
<style>
</style>
</head>
<body>
<input type="checkbox" id="one">
<input type="checkbox" id="two">
<input type="checkbox" id="three">
<hr>
<div id="divone">div one</div>
<div id="divtwo">div two</div>
<div id="divthree">div three</div>
<script>
boxes=[one, two, three]
divs=[divone, divtwo, divthree]
hideUnchecked=function(){
boxes.forEach(function(box){
window["div"+box.id].style.display=box.checked? "block" : "none"
})
if(this===two&&this.checked) divthree.style.display="block"
if(!boxes.some(function(box){return box.checked})) divs.forEach(function(div){div.style.display="block"})
}
boxes.forEach(function(box){box.onchange=hideUnchecked})
</script>
</body>
</html>