Своя кнопка изменения количества товара в корзине

Элемент в чанке выглядит так
<form method="post" class="ms2_form">
<input type="hidden" name="key" value="{$product.key}">
<div class="qty"> 
<button type="submit" class="btn btn-default minus_btn" name="ms2_action" value="cart/change"></button>
<input type="text" name="count" placeholder="1" class="txtbox" value="{$product.count}" >
<button type="submit" class="plus_btn" name="ms2_action" value="cart/change"></button> 
</div>
</form>
при нажатии кнопок + и — не происходит обновления суммы
но например если ввести в поле количества нужную цифру то подхватывается аяксом…

подскажите что не так сделал
Евгений
Евгений
15 октября 2018, 02:58
modx.pro
1 590
0

Комментарии: 10

Баха Волков
Баха Волков
15 октября 2018, 04:58
1
-1
Всё, всё сделали неправильно

<form method="post" class="ms2_form">
    <input type="hidden" name="key" value="{$product.key}">
    <div class="qty"> 
        <button class="btn btn-default minus_btn"></button>
        <input type="text" name="count" class="txtbox" value="{$product.count}" >
        <button class="btn btn-default plus_btn"></button>
        <button class="d-none" type="submit" name="ms2_action" value="cart/change"></button>
    </div>
</form>

Если уж button-ами хотите
    Евгений
    Евгений
    15 октября 2018, 11:26
    0
    баттоны поставил думал поможет, изначально это были 
    <a>
    …
    ваш пример не работает :)
      Баха Волков
      Баха Волков
      15 октября 2018, 12:45
      -1
      Чанк и код отвечающий за +- покажите
        Евгений
        Евгений
        16 октября 2018, 02:18
        0
        какой еще чанк +-? это просто кнопки внутри корзины
          Андрей
          Андрей
          16 октября 2018, 13:39
          +1
          А как кнопки должны понимать, что они должны изменять кол-во? =)

          <form method="post" class="ms2_form form-inline" role="form">
    <input type="hidden" name="key" value="{$product.key}"/>
    
    <button class="minus" data-extend="{$product.id}">-</button>
        <input type="text" id="count{$product.id}" class="input-text qty text" min="1" title="Количество" value="{$product.count}" name="count">
    <button class="plus" data-extend="{$product.id}">+</button>
    
    <button class="btn btn-default" type="submit" name="ms2_action" value="cart/change">
        <i class="glyphicon glyphicon-refresh"></i>
    </button>
</form>

          И скрипт:
          <script>
$(document).ready(function(){
		
    $('.minus').bind('click', function()
      {
        var itemNum = $(this).attr('data-extend');
        var c = $("#count"+itemNum).val();
            c--;
        $("#count"+itemNum).val( c);
      });
    
    $(".plus").click(function()
      {
        var itemNum = $(this).attr('data-extend');
        var c = $("#count"+itemNum).val();
            c++;
        $("#count"+itemNum).val( c);
      });
    
});
</script>
            Евгений
            Евгений
            17 октября 2018, 02:30
            0
            так они меняют количество в поле, но аякс не подхватывает эти изменения
            а если в самом поле просто руками поменять то подхватывает, вот в чем проблемка
              Pavel Zarubin
              Pavel Zarubin
              17 октября 2018, 03:02
              0
              После записи дергай событие change и все будет подхватываться
                Евгений
                Евгений
                17 октября 2018, 03:09
                0
                как?
                  Pavel Zarubin
                  Pavel Zarubin
                  17 октября 2018, 09:36
                  0
                  Прежде чем заниматься разработкой, стоит хотя бы выучить азы технологии на которой собираешься разрабатывать.
                  <script>
$(document).ready(function(){
		
    $('.minus').bind('click', function()
      {
        var itemNum = $(this).attr('data-extend');
        var c = $("#count"+itemNum).val();
            c--;
        $("#count"+itemNum).val( c).trigger('change');
      });
    
    $(".plus").click(function()
      {
        var itemNum = $(this).attr('data-extend');
        var c = $("#count"+itemNum).val();
            c++;
        $("#count"+itemNum).val( c).trigger('change');
      });
    
});
</script>
              Евгений
              Евгений
              17 октября 2018, 03:09
              0
              дошло почему но не знаю как подправить…
              jQuery(function($) {
    "use strict";

    var thisrowfield;
    $('.plus_btn').click(function(e) {
        e.preventDefault();
        thisrowfield = $(this).parent().parent().parent().find('.txtbox');
        var currentVal = parseInt(thisrowfield.val());
        if (!isNaN(currentVal)) {
            thisrowfield.val(currentVal + 1);
        } else {
            thisrowfield.val(1);
        }
    });
    $(".minus_btn").click(function(e) {
        e.preventDefault();
        thisrowfield = $(this).parent().parent().parent().find('.txtbox');
        var currentVal = parseInt(thisrowfield.val());
        if (!isNaN(currentVal) && currentVal > 1) {
            thisrowfield.val(currentVal - 1);
        } else {
            thisrowfield.val(1);
        }
    });
              вот этот скрипт срабатывает… если его убрать то цифра в инпуте не меняется но подхватывается аяксом
      Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
      10