[DarkAngel-163]

В общем такая проблема. Есть интернет-магазин на плагине wp-shop.

Вот блок с инпутом количества товаров, необходимо реализовать скрипт прибавления и убавления значения инпута при клике на + и -

PHP код:

<div class="wpshop_count">
       <a href="#" class="count_minus">-</a>
       <input maxlength="3" type="text" value="1" name="goods_count_20_1" size="3"/>
       <a href="#" class="count_plus">+</a>
</div> 


т.к. таких блоков на одной странице несколько, необходимо чтобы скрипт работал только с тем инпутом, который находится в том же блоке div. Ну тоесть выборка относительная, а не абсолютная.

Пробовал сам написать, но что-то не получается, и похожий не нагуглил(

И так же условие на неположительность значения инпута необходимо.

Спасибо тому, кто поможет.

[ishamshur]

покажи код, который сейчас используется!

[DarkAngel-163]

ishamshur, сейчас ничего не используется. HTML я приложил, а JSку надо написать.

В общем, при клике проверяется значение инпута, если меньше или равно 1, то устанавливается 1, иначе выбирается значение value у инпута, и прибавляется/убавляется 1.

На словах то я могу, а вот в скрипт не могу реализовать.

[ishamshur]

DarkAngel-163, вот пример кода на jQuery:

PHP код:

$(function(){
        
        var wpshop_count = $('div.wpshop_count'),
              field = wpshop_count.find('input');
        
        wpshop_count.find('a').click(function(){
            
            var setval = field.val();
            
            if($(this).hasClass('count_minus')){
                
                setval--;
            }
            else{
                setval++;
            }
            
            if(setval<1) setval = 1;
            
            field.val(setval);
            
        });
    }) 


[pyramida]

DarkAngel-163, значение name у инпутов будет уникальное вот к нему и привязывайтесь. А может сделать аякс запрос на яве запускается акшен появляется поле ввода клиент вводит количество и нажимает ок, потом просто обновляется поле

[DarkAngel-163]

pyramida, если вы имеете ввиду модальное окно с вводом количества товаров, то не вариант, точнее не по ТЗ.

ishamshur, благодарю.

[ishamshur]

так наверное правильнее будет. Ведь таких блоков на странице может быть несколько? Правильно?

PHP код:

$(function(){

        $('div.wpshop_count a').click(function(){
            
            var $this = $(this),
                field = $this.siblings('input');
            
            var setval = field.val();
            
            if($this.hasClass('count_minus')){
                
                setval--;
            }
            else{
                setval++;
            }
            
            if(setval<1) setval = 1;
            
            field.val(setval);
            
        });
    }); 


[DarkAngel-163]

ishamshur, да, я это упоминал)