Помогите с калькулятором на jquery

yaski · 15 Июн 2014

Совсем затупил с радиокнопками. Помогите дописать код калькулятора на js.
Упрощенный код

HTML:

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <script>
          
        </script>
    </head>
    <body>
        <p><input name="radio1" type="radio" value="400"> +400 руб</p>
        <p><input name="radio1" type="radio" value="1500"> +1500 руб</p>
        <input type="checkbox" value="400" id="add1" /> <label for="add1">+400 руб</label>
        <input type="checkbox" value="500" id="add2" /> <label for="add2">+500 руб</label>
        <div>Итого: <span id="result">0</span> руб.</div>
    </body>
</html>

или тут Для просмотра ссылки Войди или Зарегистрируйся

murlo · 15 Июн 2014

Изучаю jQuery потихоньку, воспользовался случаем черкануть пару строк

PHP:

<script>
function myFunc(){
  var s = 0, t = 0;
  if(t = Number($('input[type=radio][name=radio1]:checked').val())){
    s += t;
  }
  if(t = Number($('#add1:checked').val())){
    s += t;
  }
  if(t = Number($('#add2:checked').val())){
    s += t;
  }
  $('#result').html(s);
}
$(document).ready(function(){
  setInterval(myFunc, 500);
});
</script>

Можно функцию запускать по клику. Поместив весь куркулятор в DIV к примеру.
В общем есть ещё варианты. Или как выше))) Интервал можно изменить)))

Помогите с калькулятором на jquery

yaski

web3

murlo

Создатель