1) Нужно чтобы при включённом checkbox становилась видимой рамка <legend> с элементами, при отключённом checkbox <legend> с элементами изчезала.
2) И на моём примере показать фунцию калькулятора. Например: включённый checkbox прихожая, стоимость 1 руб,
включённый checkbox гостинная, стоимость 2 руб
вот код
<html>
<head>
[JS]<script type="text/javascript" >
function look(type)
{
param=document.getElementById(type);
if(param.style.display == "none") param.style.display = "block";
else param.style.display = "none"
}
/*function StandartCheckBox()
{
illumination=document.getElementByID(type);
if(id="Kitchen".checkbox="checked")
{
id="Kitchen_Illumination" style="display:"block";
}
else
{
id="Kitchen_Illumination" style="display:"none"
}
} */
</script>[/JS]
</head>
<body>
<form name="LanDriveStandart" onsubmit="return noform();" class="codesnip" style="background-color:#FFF;z-index:10;">
<h3><b><i>Базовый комплект «Умный дом» LanDrive Standart</i></b></h3>
<br>
<table border="0" width="100%">
<tr><td width="30%" valign="top">
<select name="LanDrive_Standart" id="LanDrive_Standart" onchange="if(this.options[this.selectedIndex].value == 1) { document.getElementById('Vestibule').style.display = 'block'; document.getElementById('Drawing_room').style.display = 'none'; document.getElementById('Sleeping').style.display = 'block'; document.getElementById('Study_Sleeping').style.display = 'none'; document.getElementById('Kitchen').style.display = 'block'; document.getElementById('Nursery').style.display = 'none'; document.getElementById('Bathroom_toilet').style.display = 'block';};
if(this.options[this.selectedIndex].value == 2) { document.getElementById('Vestibule').style.display = 'block'; document.getElementById('Drawing_room').style.display = 'block'; document.getElementById('Sleeping').style.display = 'block'; document.getElementById('Study_Sleeping').style.display = 'none'; document.getElementById('Kitchen').style.display = 'block'; document.getElementById('Nursery').style.display = 'none'; document.getElementById('Bathroom_toilet').style.display = 'block';};
if(this.options[this.selectedIndex].value == 3) { document.getElementById('Vestibule').style.display = 'block'; document.getElementById('Drawing_room').style.display = 'block'; document.getElementById('Sleeping').style.display = 'block'; document.getElementById('Study_Sleeping').style.display = 'none'; document.getElementById('Kitchen').style.display = 'block'; document.getElementById('Nursery').style.display = 'block'; document.getElementById('Bathroom_toilet').style.display = 'block';};
if(this.options[this.selectedIndex].value == 4) { document.getElementById('Vestibule').style.display = 'block'; document.getElementById('Drawing_room').style.display = 'block'; document.getElementById('Sleeping').style.display = 'block'; document.getElementById('Study_Sleeping').style.display = 'block'; document.getElementById('Kitchen').style.display = 'block'; document.getElementById('Nursery').style.display = 'block'; document.getElementById('Bathroom_toilet').style.display = 'block';};
if(this.options[this.selectedIndex].value == 0) { document.getElementById('Vestibule').style.display = 'none'; document.getElementById('Drawing_room').style.display = 'none'; document.getElementById('Sleeping').style.display = 'none'; document.getElementById('Study_Sleeping').style.display = 'none'; document.getElementById('Kitchen').style.display = 'none'; document.getElementById('Nursery').style.display = 'none'; document.getElementById('Bathroom_toilet').style.display = 'none';}">
<option value="0"> 0 </option>
<option value="1"> 1 </option>
<option value="2"> 2 </option>
<option value="3"> 3 </option>
<option value="4"> 4 </option>
</select> - х комнатная квартира, зон управления:<p id=zon></p>
<br>
<br>
<p>
<br>
<input type="submit" value="Очистить значения">
</p>
</td><td width="40%" valign="top">
<ol>
<div id="Vestibule" style="display:none">
<input type="checkbox" name="Vestibule" value="1" onclick="calculate()" /> прихожая
</div>
<div id="Drawing_room" style="display:none">
<input type="checkbox" name="Drawing_room" value="2" onclick="calculate()" /> гостинная
</div>
<div id="Sleeping" style="display:none">
<input type="checkbox" name="Sleeping" value="3" onclick="calculate()" /> спальня
</div>
<div id="Study_Sleeping" style="display:none">
<input type="checkbox" name="Study_Sleeping" value="4" onclick="calculate()" /> рабочий кабинет\спальня
</div>
<div id="Nursery" style="display:none">
<input type="checkbox" name="Nursery" value="5" onclick="calculate()" /> детская
</div>
<div id="Kitchen" style="display:none">
<input type="checkbox" name="Kitchen" value="6" onclick="StandartCheckBox()"> кухня
</div>
<div id="Bathroom_toilet" style="display:none">
<input type="checkbox" name="Bathroom_toilet" value="7" onclick="StandartCheckBox()" > туалет-ванная
</div>
</ol>
</td><td width="30%" valign="top">
<div id="Kitchen_Illumination" style="display:none"><fieldset>
<legend>виды ламп на кухне:</legend>
<input type="radio" name="K1" id="Kitchen_1" value="1" onclick="Calculate()">лампы накаливания
<input type="radio" name="K1" id="Kitchen_2" value="2" onclick="Calculate()">лампы дневного света
<input type="radio" name="K1" id="Kitchen_3" value="3" onclick="Calculate()">галогеновые лампы
</fieldset>
</div>
<div id="Bathroom_toilet__Illumination" style="display:none"> <fieldset>
<legend>виды ламп в туалете, и в ванной:</legend>
<input type="radio" name="BT1" id="Bathroom_toilet_1" value="1" onclick="Calculate()">лампы накаливания
<input type="radio" name="BT1" id="Bathroom_toilet_2" value="2" onclick="Calculate()">лампы дневного света
<input type="radio" name="BT1" id="Bathroom_toilet_3" value="3" onclick="Calculate()">галогеновые лампы
</fieldset>
</td></tr>
</table>
</form>
Реализуемые в квартире функции:
<form name="Illumination" onsubmit="return noform();" class="codesnip" style="background-color:#FFF;z-index:10;">
<h4>Освещение: <a href="javascript:look('div1');">выбрать функции:/ отключить функции:</a></h4>
<div id="div1" style="display:none">
<ul>
<li><input type="checkbox" name="управление освещением с единого пульта" id="Illumination_1" value="1" onclick="Calculate()">управление освещением с единого пульта</li>
<li><input type="checkbox" name="стандартное ручное управление освещением" id="Illumination_2" value="2" onclick="Calculate()">стандартное ручное управление освещением</li>
<li><input type="checkbox" name="сценарное управление освещением, в зависимости от времени, даты, наступившего события, срабатывания датчиков" id="Illumination_3" value="3" onclick="Calculate()">сценарное управление освещением, в зависимости от времени, даты, наступившего события, срабатывания датчиков</li>
</ul>
<input type="reset" value="Очистить значения">
</div>
</form>
<h4>Стоимость датчиков составляет: <input type="label" id="summa" value=""></h4>
<table border="0" width="100%">
<tr><td width="50%" valign="top">
<h3><b><i><u><a href="defoult.html"> В начало выбора расчётов</a></u></i></b></h3>
</td><td width="50%" valign="top">
<h3><b><i><u><a href="LanDrive_Premium.html"> Расчёт стоимости «Умный дом» LanDrive Premium</a></u></i></b></h3>
</td></tr>
</table>
</body>
</html>