Простой калькулятор на javascript

366

18 сентября 2017, 05:30

Требуется создать простой калькулятор расчета стоимости для сайта.

Суть такова: в одной форме выбирается radiobutton, в другой - флажок (может быть несколько). Каждому из них присвоена соответствующая сумма. В конце должна числом выводиться сумма всех выбранных значений.

Например: y+x1=...

или y+x1+x3=...

HTML:

<form class="calculator1">
   <p><input type="radio" name="y" value="2500">30x40</p>
     <p><input type="radio" name="y" value="4500">40x60</p>
     <p><input type="radio" name="y" value="7000">80x120</p>
  <p><input type="radio" name="y" value="9900">100x150</p>
  <p><input type="radio" name="y" value="12000">120x180</p>
  <br/>
  <p><input type="radio" name="y" value="3000">40x40</p>
  <p><input type="radio" name="y" value="4900">60x60</p>
  <p><input type="radio" name="y" value="6500">90x90</p>
  <p><input type="radio" name="y" value="8500">120x120</p>
  <p><input type="radio" name="y" value="13000">150x150</p>
  <p><input type="radio" name="y" value="17100">180x180</p>
  </form>
<br/><br/>
<form class="calculator2">
   <p><input type="checkbox" name="x1" value="900">Брошюровка</p>
     <p><input type="checkbox" name="x2" value="700">Обрамление</p>
     <p><input type="checkbox" name="x3" value="400">Эффект состаренного дерева</p>
  </form>

Answer 1

Везде ставишь onclick="sum(this)", выводишь куда-нибудь переменную summ:

var summ ;
var name;  
function sum(this){
  if(name==undefined){
     name = this.name;
     var dob = this.value;
     summ+=dob;
  }
  else if(name == this.name){   
     summ-=dob;
     dob = this.value;
     summ+=dob;
  }
}