Javascript расчет с умножением

У меня есть 3 текстовых ввода, как вы можете видеть в этом JSFiddle

Мне нужен JavaScript-калькулятор, который умножит первое входное значение на 0,04, второй входной коэффициент на 0,04 и третий входной коэффициент на 0,08, а затем сложит все их вместе и отобразит его. И это также должно отражать количество трех входов.

HTML:

<form method="post" name="vaartus">
  <div>1<input type="checkbox" id="v1" /></div>
  <div><input type="text" name="v1_v" id="v1_v" disabled="disabled" /></div>
  <div>2<input type="checkbox" id="v2" /></div>
  <div><input type="text" name="v2_v" id= "v2_v" disabled="disabled" /></div>
  <div>3<input type="checkbox" id="v3" /></div>
  <div><input type="text" name="v3_v" id="v3_v" disabled="disabled" /></div>
  <div><input type="submit" name="arvuta" value="Arvuta" /></div>
</form>

JavaScript:

document.getElementById('v1').onchange = function() {
  document.getElementById('v1_v').disabled = this.unchecked;
};
document.getElementById('v2').onchange = function() {
  document.getElementById('v2_v').disabled = this.unchecked;
};
document.getElementById('v3').onchange = function() {
  document.getElementById('v3_v').disabled = this.unchecked;
};

1 ответ

<div><input type="submit" name="arvuta" value="Arvuta" onclick="multi()" /></div>

поставить функцию на нажатие и в этой функции получить значения входных тегов, как это

function multi(){
var val1 = document.getElementById('v1_v').value;
var val2 = document.getElementById('v2_v').value;
var val3 = document.getElementById('v3_v').value;
alert((val1*.04) +(val2*.04) + (val3*.08));

}

и вы можете помещать проверки и анализировать входные данные в целое число или что-либо еще в этой функции.

Другие вопросы по тегам