Показать сообщение отдельно
  #5 (permalink)  
Старый 26.04.2015, 22:47
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,068

RadCor,
input type="number" для современных браузеров есть
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  .btn{
      cursor: pointer;
  }

  </style>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script>
jQuery(document).ready(function($) {
        $('.quont-minus').click(function () {
            var $input = $(this).parent().find('input');
            var val = +$input[0].defaultValue;
            var count = parseInt($input.val()) - $input.data("value");
            count = count < val ? val : count;
            $input.val(count);
            $input.change();
            return false;
        });
        $('.quont-plus').click(function () {
            var $input = $(this).parent().find('input');
            var val = +$input.data("max");
            var count = parseInt($input.val()) + $input.data("value");
            count = count > val ? val : count;
            $input.val(count);
            $input.change();
            return false;
        });
        $('.opt-quontity input').change(function() {
       $(this).nextAll('.show').html(this.value + ' - ' + (this.value*25 + 490))
})

    });
  </script>
</head>

<body>
  <div class="opt-quontity">
    <span class="quont-minus btn">-</span>
    <input type="text" value="36" data-value="2" data-max="160">
    <span class="quont-plus btn">+</span>
    <div class="show">36 - 1390</div>
</div> <!-- .opt-quontity -->
</body>
</html>
Ответить с цитированием