$(document).ready(function () { $('.plus').on('click',function () { var val = parseInt($('#counts').val()); if(val < 100){ $('#counts').val(val + 1); if(val + 1 == 100) $('.plus').addClass('active'); else { $('.plus').removeClass('active'); $('.minus').removeClass('active'); } } }); $('.minus').on('click',function () { var val = parseInt($('#counts').val()); if(val > 1){ $('#counts').val(val - 1); if(val - 1 == 1) $('.minus').addClass('active'); else{ $('.plus').removeClass('active'); $('.minus').removeClass('active'); } } }); });