Показать сообщение отдельно
  #14 (permalink)  
Старый 23.06.2015, 15:23
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

ligisayan,

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  .amount {
    color: #FF0000;
  }

  </style>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script>
  $(function() {
      var quantity = $(".quantity").text().match(/\d+.?\d+?/g),
          max = +$(".input-text.qty.text").attr("max"),
          min = +$(".input-text.qty.text").attr("min");

      function fn() {
          quantity[0] > max && (quantity[0] = max);
          quantity[0] < min && (quantity[0] = min);
          $(".input-text.qty.text").val(quantity[0]);
          $(".amount").text(quantity[1] + " " + (quantity[0] * quantity[1]) + "  руб");
          $(".quantity")[0].firstChild.data = quantity[0] + " × ";
      }
      $(".plus, .minus").click(function() {
          $(this).is(".plus") ? quantity[0]++ : quantity[0]--;
          fn()
      })
      $(".input-text.qty.text").on("input",function() {
          quantity[0] = this.value;
          fn()
      })
      fn()
  });
  </script>
</head>

<body>  <span class="quantity">13 × <span class="amount">360.000&nbsp;руб.</span></span>
<div class="quantity buttons_added">
  <input type="number" step="1" min="1" max="200" id="num_count" name="quantity" value="100" title="Кол." class="input-text qty text" size="4">
  <input type="button" value="+1" id="button_plus" class="plus">
  <input type="button" value="-1" id="button_minus" class="minus">
</div>


</body>

</html>
Ответить с цитированием