enter add / subtract quantities in a display field

[giusebos]

Hi guys,
I would like to be help.
I added this code in a display field:

<div class="input-group">
    <span class="input-group-btn">
      <button type="button" class="quantity-left-minus btn btn-danger btn-number"  data-type="minus" data-field="">
        <span class="icon-minus"></span>
      </button>
    </span>
    <input type="text" id="quantity" name="quantity" class="input-mini form-control input-number" value="1" min="1" max="100">
      <span class="input-group-btn">
        <button type="button" class="quantity-right-plus btn btn-success btn-number" data-type="plus" data-field="">
            <span class="icon-new"></span>
        </button>
      </span>
</div>

on this page you can see the code in action
https://bootsnipp.com/snippets/e3q3a

I would like your help to adapt this script to allow the code to work

$(document).ready(function(){

var quantitiy=0;
   $('.quantity-right-plus').click(function(e){
       
        // Stop acting like a button
        e.preventDefault();
        // Get the field name
        var quantity = parseInt($('#quantity').val());
       
        // If is not undefined
           
            $('#quantity').val(quantity + 1);

         
            // Increment
       
    });

     $('.quantity-left-minus').click(function(e){
        // Stop acting like a button
        e.preventDefault();
        // Get the field name
        var quantity = parseInt($('#quantity').val());
       
        // If is not undefined
     
            // Increment
            if(quantity>0){
            $('#quantity').val(quantity - 1);
            }
    });
   
});

I tried to insert the code in the javascript section, but the increase or decrease of the number does not work

 

[startpoint]

Replace "$" with "jQuery" in your code.

 

[giusebos]

ok it works, but strangling goes from 1 to 2 and po to 4 and then to 7 and then to 11 ....

 

[giusebos]

I forgot I set event on click

 

[giusebos]

set event on load and it works !!!

 

[buildit]

Is it possible to do this on field element instead of a display field element?

 

[troester]

This is a pretty old thread.
But yes, you can add JS actions to all elements.
https://fabrikar.com/forums/index.php?wiki/element-javascript/

 

[buildit]

Thansk