Скрипт

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем ruslan216455, 9 мар 2013.

Статус темы:
Закрыта.
  1. ruslan216455

    ruslan216455

    Регистрация:
    6 ноя 2012
    Сообщения:
    220
    Симпатии:
    22
    Подскажите пожалуйста такой скрипт для увеличение и уменьшение значения iput
    [​IMG]
     
  2. saxum2010

    saxum2010

    Регистрация:
    6 фев 2013
    Сообщения:
    111
    Симпатии:
    34
    Код:
    <button onclick="changeValue('plus')">+</button>
    <input type="text" value="1" id="inpCounter">
    <button onclick="changeValue('minus')">-</button>
     
    <script type="text/javascript">
    	function changeValue(val){
    		var inpC = document.getElementById('inpCounter'),
    			operator = (val == 'plus') ? '+1' : '-1';
     
    		var ic = inpC.value = Number(inpC.value)+Number(operator);
    				if(ic<0)inpC.value = 0;
    	}
    </script>
    http://jsfiddle.net/nQ2Bu/
     
    ruslan216455 нравится это.
  3. Flexx

    Flexx

    Регистрация:
    8 янв 2013
    Сообщения:
    122
    Симпатии:
    85
    <div class="counter">
    <a href="javascript:void(0);" class="mini_minus"></a>
    <a href="javascript:void(0);" class="mini_plus"></a>
    <input type="text" value="1" class="mini_amount">
    </div>

    $('.minus').click(function () {
    var $input = $(this).parent().find('input.shk-count');
    var count = parseInt($input.val()) - 1;
    count = count < 0 ? 0 : count;
    $input.val(count);
    $input.change();
    return false;
    });
    $('.plus').click(function () {
    var $input = $(this).parent().find('input.shk-count');
    $input.val(parseInt($input.val()) + 1);
    $input.change();
    return false;
    });
     
Статус темы:
Закрыта.