Получение, сложение и вывод данных jquery?

Question

[Валерий Столярчук]

Всем привет!
На станице через инпут range я получаю данные, в зависимости от его изменения
Мне нужно полученные данные сложить, и вывести в определенном теге, посоветуйте как это сделать при помощи jquery ?
Спасибо!

Answer 1

[Денис Малиночкин]

Как вариант, может быть такой код в простейшем случае:

<input type="range" id="one"><div id="oneValue">50</div>
<input type="range" id="two"><div id="twoValue">50</div>
<div id="calc">$100.00</div>

$(document).ready(function() {
  var $oneRange = $('#one');
  var $twoRange = $('#two');
  var $oneValue = $('#oneValue');
  var $twoValue = $('#twoValue');
  var $calc = $('#calc');
  
  function updateRange() {
    $oneValue.text($oneRange.val());
    $twoValue.text($twoRange.val());
    $calc.text($oneRange.val() * 1 + $twoRange.val() * 1);
  }
  
  $('#one,#two').on('change', updateRange);
});

Comments

[Валерий Столярчук]

Спасибо! Подскажите пожалуйста как округлить такие значения ? jsfiddle.net/mj5R6/77

[Валерий Столярчук]

Исправил: $calc.text(Math.ceil(($oneRange.val() * 1 + $twoRange.val() * 1)*100)/100);

Answer 2

[tigra]

$('.result').text($('.param1').text()+$('.param2').text());

Comments

[Александр Вульф]

атата! "10" + "10" == "1010"! Домножьте каждый текст на 1, приведя его к числу.