Калькулятор

Тема в разделе "JavaScript", создана пользователем Babyaka, 13 дек 2015.

Модераторы: ZiX
  1. Babyaka

    Babyaka Создатель

    Регистр.:
    19 окт 2012
    Сообщения:
    48
    Симпатии:
    5
    Люди добрые, подскажите пожалуйста. В интернете не нашел подходящего решения. Имеется на сайте калькулятор (расчет стоимости услуг). В нем есть три input поля. Мне необходимо, чтобы при вводе значения в input1 и input2 они умножались и полученное число шло в input 3, но при этом, необходима возможность вводить значение в input 3 или менять полученное. При этом значения должны вводиться только цифровые.
     
  2. yaski

    yaski

    Регистр.:
    21 фев 2010
    Сообщения:
    474
    Симпатии:
    277
    Заморочился вот
    HTML:
    <input type="text" class="input value1">
    <input type="text" class="input value2">
    <input type="text"  id="result">
    
    <script>
    $(document).ready(function(){  // перемножаем
        $(".input").keyup(function(){
              var val1 = +$(".value1").val();
              var val2 = +$(".value2").val();
              $("#result").val(val1*val2);
        });
    });
    $(document).ready(function(){  // только цифры
       $('.input').on('input', function(){
        this.value = this.value.replace(/^\.|[^\d\.]|\.(?=.*\.)|^0+(?=\d)/g, '');
        });
       });
    </script>
    http://jsfiddle.net/g7zz6/870/
     
    Последнее редактирование: 19 дек 2015
    Babyaka нравится это.
  3. Babyaka

    Babyaka Создатель

    Регистр.:
    19 окт 2012
    Сообщения:
    48
    Симпатии:
    5
    Огромнейшее вам спасибо!