Добрый день, уважаемые форумчане.
Есть задача разработать калькулятор на сайт.
Есть поле куда можно вписать длину и ширину тем самым получить площадь. Затем в зависимости от выбранных галочек radio эта площадь умножается на цену. Таких галочек radio 2 группы - в зависимости от типа и в зависимости от толщины. Однако калькулятор работает лишь с одной группой галочек, добавляя к ней другую группу галочек, он выдавать результат отказывается. Нужна ваша помощь, заранее благодарю.
<body>
<b> ширина:</b> <input id="shir" type="text" value="5" /> <b>M<sup>2</sup></b>
<b> длина:</b> <input id="dlin" type="text" value="5" /> <b>M<sup>2</sup></b>
<form id="form" name="form">
<div class="calc-bgarea">
<b> Выберите тип:</b>
<input type="radio" id="color1" name="cena" value="12000" checked />Стандарт
<input type="radio" id="color2" name="cena" value="13000" />Цвет<br/>
<input type="radio" id="color3" name="cena" value="14000" />Стекляшки
<input type="radio" id="color4" name="cena" value="15000" />Плитка
<b> толщина</b>
<input type="radio" id="tolsh1" name="toshina" value="1" checked />Стандарт
<input type="radio" id="tolsh2" name="toshina" value="1000" />Цвет<br/>
<input type="radio" id="tolsh3" name="toshina" value="2000" />Стекляшки
<input type="radio" id="tolsh3" name="toshina" value="3000" />Плитка
</div>
<div class="calc-bg2">
пример сообщени
</div>
<div class="calc-bgtotal">
Итого: <span id="result">0</span> руб.<br>
</div>
</form>
[JS]
<script>
document.body.onload = function() {
function calc() {
var d = document, price = tolshi = 0;
shir1 = +d.getElementById("shir").value,
dlin1 = +d.getElementById("dlin").value,
sq = Math.ceil(shir1 * dlin1 / 1000000),
color1 = d.getElementById("color1"),
color2 = d.getElementById("color2"),
color3 = d.getElementById("color3"),
color4 = d.getElementById("color4"),
tolsh1 = d.getElementById("tolsh1"),
tolsh2 = d.getElementById("tolsh2"),
tolsh3 = d.getElementById("tolsh3"),
tolsh4 = d.getElementById("tolsh4"),
result = d.getElementById("result"),
kol = d.getElementById("kol");
if (color1.checked) price = +color1.value;
if (color2.checked) price = +color2.value;
if (color3.checked) price = +color3.value;
if (color4.checked) price = +color4.value;
if (tolsh1.checked) tolshi = +tolsh1.value;
if (tolsh2.checked) tolshi = +tolsh2.value;
if (tolsh3.checked) tolshi = +tolsh3.value;
if (tolsh4.checked) tolshi = +tolsh4.value;
result.innerHTML = Math.ceil(sq * (price + tolshi));
};
document.form.onchange = calc;
document.getElementById("shir").oninput = calc;
calc();
}
</script>
[/JS]
</body>