Вообщем столкнулся с задачей, необходимо написать калькулятор с радиокнопками , который выполнял умножение значения из радиокнопки на значение из поля, тут все понятно, но дальше все усложнилось, необходимо чтобы калькулятор выполнял это действие с нескольими полями:
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
label {
display: block;
}
label + label {
margin-top: 5px;
}
</style>
</head>
<body>
<form>
<label>Вес, кг.
<input type='text' id='price' />
</label>
<label>Коэффициент 1
<input checked="checked" type='radio' name='factor' onchange="calculate()" value='89' />
</label>
<label>Коэффициент 2
<input type='radio' name='factor' onchange="calculate()" value='88' />
</label>
<label>Результат
<input id="result" readonly="readonly" text="text" />
</label>
<form>
<script type="text/javascript">
var factor, i,
factors = document.getElementsByName('factor'),
price = document.getElementById('price'),
result = document.getElementById('result');
for (i = 0; i < factors.length; i++) {
factors[i].onchange = calculate;
}
price.onpropertychange = price.oninput = calculate;
function calculate() {
for (i = 0; i < factors.length; i++) {
factor = factors[i];
if (factor.checked) {
result.value = factor.value * price.value;
return;
}
}
}
</script>
</body>
</html>
Тут есть "Вес" , 2 коэффициента и поле результата, но как сделать чтобы было несколько таких блоков? Как переделать этот скрипт? Можете подсказать?
