-/+ в ячейке

[Mary_RND]

Доброго времени суток.

У меня есть вот такой html, где раньше у value была 1, теперь надо чтобы там был 0, я его поставила

            <td class="tdsummary">
                <div class="minus js-minus-lite">-</div>
                <input type="hidden" value="{$upage}" class="pageid"/>
                <input type="hidden" value="" class="itemid"/>
                <input type="text" value="0" disabled="disabled" class="number"/>
                <div class="plus js-plus-lite">+</div>
            </td>

но возникла проблема, при 1, нажимая "-" ниже 1 не опускался, как только поставила 0, сразу получается -1, -2 и т.д.

Вот JS, как ограничить, чтобы меньше 0 не становилось?

    $('.table-preset').on('click', '.js-minus', function(e){

        var $parent = $(this).parents('.tdsummary');
        var $itemId = $parent.find('.itemid').val();
        var $pageId = $parent.find('.pageid').val();
        var value = parseInt($parent.find('.number').val(), 10);
        var parsevalue = value-1;


        plusMinusAjax($parent, $pageId, parsevalue, $itemId);

    });

    $('.table-preset').on('click', '.js-plus', function(){
        var $parent = $(this).parents('.tdsummary');
        var $itemId = $parent.find('.itemid').val();
        var $pageId = $parent.find('.pageid').val();
        var value = parseInt($parent.find('.number').val(), 10);
        var parsevalue = value+1;

        plusMinusAjax($parent, $pageId, parsevalue, $itemId);
    });

 

[alex_web64]

var parsevalue = value-1;

замените на

var parsevalue = value && value-1;

Для современных браузеров можно использовать type="number", чтобы не делать проверку диапазона введенных данных на js http://www.w3schools.com/html/tryit.asp?filename=tryhtml_input_number

Edited April 5, 2016 by alex_web64

[Mary_RND]

все равно идет в минус ((

Я очень боюсь сильно что-то менять на сайте, т.к. делала его не я, сам сайт нормальный, но вот тот конкретный функционал, который я меняю  _{по мере возможности}

Такое чувство, тронешь развалится к черту...

Блииинн... но если ставишь 1, то еще checkbox должен автоматически галочку ставит...

_{что за наказание ><}

[alex_web64]

Попробуйте очистить кэш или дайте ссылку на сайт.

UPD. Заметил, что js-код, который Вы сбросили, не имеет никакого отношения к написанному Вами html-коду. Поэтому ничего в работе и не изменилось.

Ищите код, где обработчик события вешается на .minus или .js-minus-lite, а не .js-minus.

Edited April 5, 2016 by alex_web64

[Mary_RND]

Сайт-то дать могу, но к сожалению, тот раздел полностью закрыт от незарегистрированных пользователей

Сегодня делала, т.к. весь мозг сделали, хотя формирование отчета, было сделано, что без регистрации его не получить, но захотели полностью весь раздел скрыть...

Нашла код, даже не заметила честно О_О, наверное уже замороченная просто ><

 $('.table-preset').on('click', '.js-minus-lite', function(){
        var $parent = $(this).parents('.tdsummary');
        var $currVal = parseInt($parent.find('.number').val(), 10);
        if($currVal!=1){
        var $newVal = $currVal-1;
        }
        else{
            var $newVal = $currVal;
        }
        $parent.find('.number').val($newVal);
        total();
    });

    $('.table-preset').on('click', '.js-plus-lite', function(){
        var $parent = $(this).parents('.tdsummary');
        var $currVal = parseInt($parent.find('.number').val(), 10);
        var $newVal = $currVal+1;
        $parent.find('.number').val($newVal);
        total();
    });

___________________________

Вроде сделала. Правильно?

Вопрос, как теперь сделать если не 0, то в поле Добавить галочка сама ставилась и если ставишь галочку, вместо 0 ставилась 1? О_о

    $('.table-preset').on('click', '.js-minus-lite', function(){
        var $parent = $(this).parents('.tdsummary');
        var $currVal = parseInt($parent.find('.number').val(), 10);
        if($currVal!=){
        var $newVal = $currVal && $currVal-1;
        }
        else{
            var $newVal = $currVal;
        }
        $parent.find('.number').val($newVal);
        total();
    });

P.S.: ищю код чекбокса...

Edited April 5, 2016 by Mary_RND
Добавила измененый код и суть задачи.

[alex_web64]

 $('.table-preset').on('click', '.js-minus-lite', function(){
    var $parent = $(this).parents('.tdsummary');
    var $currVal = parseInt($parent.find('.number').val(), 10);
    var newVal = $currVal && --$currVal;
        
    if(!newVal) $('#checkbox').prop('checked', false);
    $parent.find('.number').val(newVal);
        
    total();
});

$('.table-preset').on('click', '.js-plus-lite', function(){
    var $parent = $(this).parents('.tdsummary');
    var $val = parseInt($parent.find('.number').val(), 10);

    $('#checkbox').prop('checked', true);
    $parent.find('.number').val(++$val);
    total();
});

// Будет правильно работать, если класс .number только один на странице
$('#checkbox').on('change',function() {
     if($(this).is(":checked")) $('.number').val('1');
});

#checkbox меняете на id своего чекбокса

Edited April 5, 2016 by alex_web64

[Mary_RND]

В смысле один @_@

 

Если правильно поняла, то не один и у checkbox у меня класс, а не id

Поставила, но да не работает, т.к. .number получается не один

Edited April 5, 2016 by Mary_RND

[Mary_RND]

так что делать то Т_Т

 

[Mary_RND]

Так, доковыряла я вот до этого, теперь единички ставятся не у всех, а только у нужного поля, но галочки идут у всех ^_^" т.к. checkItem тоже не один на странице..

$('.table-preset').on('click', '.js-minus-lite', function(){
    var $parent = $(this).parents('.tdsummary');
    var $currVal = parseInt($parent.find('.number').val(), 10);
    var newVal = $currVal && --$currVal;
        
    if(!newVal) $('.checkItem').prop('checked', false);
    $parent.find('.number').val(newVal);
        
    total();
});

$('.table-preset').on('click', '.js-plus-lite', function(){
    var $parent = $(this).parents('.tdsummary');
    var $val = parseInt($parent.find('.number').val(), 10);

    $('.checkItem').prop('checked', true);
    $parent.find('.number').val(++$val);
    total();
});

$('.checkItem').on('change',function() {
     if($(this).is(":checked")) $parent.find('.number').val('1');
});

 

И возникла проблема

У меня есть что то типа паков. Выбираешь пак, и автоматически ставится кол-во и галочка.

Например товара 10 уменьшаю на 1, галочка уходит...хотя товар не равен 0 ((