Increment value of input through classes

Question

I want to make a button to increment de value of differents inputs. Then I thought the best way would be to create a class and eliminating it . Once I create the class I can not access it . If I click the button does nothing.

var valorDipVl = Number($('#dip-vl').val());
var valorForiaVl = Number($('#foriaVl').val());    

$('#dip-vl').on('focus',function() {
    $('#arriba>button').removeClass().addClass('activo');
})
$('#foriaVl').on('focus',function() {
    $('#arriba>button').removeClass().addClass('activo2');
})

$('button.activo').on('click', function() {
    valorDipVl += 1;
    $('#dip-vl').attr('value', valorDipVl);
})
$('button.activo2').on('click', function() {
    valorForiaVl+=1;
    $('#foriaVl').attr('value', valorForiaVl);
}

Jamie Barker · Accepted Answer · 2014-11-26 12:09:01Z

1

Your click functions needs delegating:

$(document).on('click', 'button.activo', function() {
   // Code
});

Jquery Delegate

answered Nov 26, 2014 at 12:09

Jamie Barker

8,2663 gold badges31 silver badges64 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Increment value of input through classes

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related