Всем привет!
Пишу калькулятор. Структура его такова: вверху выбирается один из предложенных вариантов комплектации в виде картинок, обрамленных div'ами, с ценами. А ниже дополнительное оборудование списком в виде чекбоксов с ценами, обрамленных тегом form.
Логика калькулятора следующая: Мы смотрим был ли клик на одном из div, если был, то запоминаем цену, прописанную в этом div. Далее реагируем на клики по чекбоксам, если клик был, то заносим цену в переменную.
Это выглядит так.
<div id=1 value="23000"> <img src="1.jpg"></div>
<div id=2 value="34000"> <img src="2.jpg"></div>
<div id=3 value="65000"> <img src="3.jpg"></div>
<form onclick="price(this)">
<input type="checkbox" name="zap1" value="10000" />
<input type="checkbox" name="zap2" value="20000" />
<input type="checkbox" name="zap3" value="50000" />
</form>
function price(form){
if (form.zap1.checked){
var zap1=parseFloat(form.zap1.value);
}
else zap1=0;
...//остальное допоборудование
var total=zap1+zap2+zap3;
document.getElementById("goldsum").innerHTML=total;
}
То есть пока функция реагирует только на клик по чекбоксам. Мне нужно чтобы в total запоминался value из div при клике по одному из них. Как это сделать?