Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 08.10.2014, 22:42
Интересующийся
Отправить личное сообщение для Jeick9 Посмотреть профиль Найти все сообщения от Jeick9
 
Регистрация: 08.10.2014
Сообщений: 23

Динамическое вычисления значений из input-от
Здравствуйте. Мне необходимо динамически получить значение из input-ов и по соответствующей формуле выводить результат. То есть, когда вводим какое-то значение в input, то динамически нужно пересчитать все значения и вывести результат.
Сама формула: A =(input1 * 3.5) / (10 * input2)

Пока я только нашел пример динамического калькулятора с подсчётом суммы:

<input type="range" name="input1" id="input1" class="inner-count" value="100" min="100"  max="500000" step="100"  data-mini="true" required>

 <input  name="slider" class="inner-count" id="input2" style="width:60px!important;"  value="1" min="1"  max="20"  data-mini="true" required>


<script>
    $(document).ready(function(){
 
        //iterate through each textboxes and add keyup
        //handler to trigger sum event
        $(".inner-count").each(function() {
 
            $(this).keyup(function(){
                calculateSum();
            });
        });
 
    });
 
    function calculateSum() {
 
        var sum = 1;
        //iterate through each textboxes and add the values
        $(".inner-count").each(function() {
 
            //add only if the value is number
            if(!isNaN(this.value) && this.value.length!=0) {
          sum +=parseFloat(this.value);
			   
            }
 
        });
        //.toFixed() method will roundoff the final sum to 2 decimal places
        $("#sum").html(sum.toFixed(0));
    }
</script>


Подскажите пожалуйста как динамически вытягивать и подсчитывать значения из инпутов?
Ответить с цитированием
  #2 (permalink)  
Старый 08.10.2014, 22:52
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Заинлайненый вариант. Просто для демонстрации. К тому же в IE8 не будет работать.
<form oninput="output.value = (input1.value * 3.5) / (10 * input2.value)">

<input type="range" name="input1" id="input1" class="inner-count" value="100" min="100"  max="500000" step="100"  data-mini="true" required>
 
 <input type="number"  name="input2" class="inner-count" id="input2" style="width:60px!important;"  value="1" min="1"  max="20"  data-mini="true" required>

<output name="output">35</output>

</form>
__________________
В личку только с интересными предложениями
Ответить с цитированием
  #3 (permalink)  
Старый 08.10.2014, 23:27
Интересующийся
Отправить личное сообщение для Jeick9 Посмотреть профиль Найти все сообщения от Jeick9
 
Регистрация: 08.10.2014
Сообщений: 23

Заокруглить результат
Подскажите ещё как заокруглить результат к сотым?
Ответить с цитированием
  #4 (permalink)  
Старый 09.10.2014, 09:51
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,268

Сообщение от Jeick9
как заокруглить результат к сотым?
http://javascript.ru/math.round

var val=123.4567;
val=Math.round(val*100)/100;
alert(val)


http://javascript.ru/Number/toFixed

var val=123.4567;
alert(val.toFixed(2))

Последний раз редактировалось ksa, 09.10.2014 в 09:55.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Отправка по Ajax массива значений поля input hrundel jQuery 10 25.04.2014 22:13
Динамическое изменение значений диаграммы в зависимости от значения ползунков Volchen0ck Events/DOM/Window 8 23.04.2014 13:15
Как передать в переменную массив значений из INPUT тега kapustnik Общие вопросы Javascript 3 19.04.2013 10:46
При добавлении DOCTYPE "плывут" размеры input type=text Demath (X)HTML/CSS 4 08.07.2012 19:27
Cчётчик значений value в элементе формы input type="text"? Surlik jQuery 8 04.04.2012 04:49