|
Сообщение от blacklordi
|
От спасибо за помощь все работает как надо.
теперь к етому надо ищо добавить чтобы когда 1 и 3 чекбоксы включены остальные были недоступны))
|
Возмите и экстраполируйте код на ваше ТЗ,это же не сложно, например вот так.
<html>
<head>
<style type="text/css">
.checkbox_container {
background-color:#0066cc;
width:300px;
border:solid 2px;
}
.checkbox_container legend {
font-weight: bold;
color:red;
font-size:large;
}
</style>
</head>
<body>
<fieldset class ="checkbox_container">
<legend>5 чекбоксов</legend>
<p>
<input type ="checkbox"> чекбокс № 1</br>
<input type ="checkbox"> чекбокс № 2</br>
<input type ="checkbox"> чекбокс № 3</br>
<input type ="checkbox"> чекбокс № 4</br>
<input type ="checkbox"> чекбокс № 5</br>
</p>
</fieldset>
<script type="text/javascript">
var checkboxes = document.body.children[0].getElementsByTagName("input");
var disableOtherChBx = function (){
checkboxes[1].disabled = true;
checkboxes[3].disabled = true;
checkboxes[4].disabled = true;
}
var unDisableOtherChBx = function(){
checkboxes[1].disabled = false;
checkboxes[3].disabled = false;
checkboxes[4].disabled = false;
}
checkboxes[0].onclick = function() {
if (this.checked) {
checkboxes[2].checked = true;
disableOtherChBx();
}
else {
unDisableOtherChBx();
}
}
checkboxes[2].onclick = function() {
if (!this.checked) {
unDisableOtherChBx();
}
else if(checkboxes[0].checked){
disableOtherChBx();
}
}
</script>
</body>
</html>