Skip to content

Instantly share code, notes, and snippets.

@slaffko1
Created February 5, 2021 12:50
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save slaffko1/a45ad57687538437ce74cd9b6bf1b4e8 to your computer and use it in GitHub Desktop.
Save slaffko1/a45ad57687538437ce74cd9b6bf1b4e8 to your computer and use it in GitHub Desktop.
input[type="number"] to spinner
function quantityInput() {
$('<div class="quantity-button quantity-up">+</div><div class="quantity-button quantity-down">-</div>').insertAfter('.quantity input[type="number"]');
$('.quantity').each(function() {
var spinner = $(this),
input = spinner.find('input[type="number"]'),
btnUp = spinner.find('.quantity-up'),
btnDown = spinner.find('.quantity-down'),
min = input.attr('min'),
max = input.attr('max');
btnUp.click(function() {
var oldValue = parseFloat(input.val());
if(max!=''){
if (oldValue < max) {
var newVal = oldValue + 1;
spinner.find("input").val(newVal);
spinner.find("input").trigger("change");
} else {
var newVal = oldValue;
}
} else {
var newVal = oldValue + 1;
spinner.find("input").val(newVal);
spinner.find("input").trigger("change");
}
});
btnDown.click(function() {
var oldValue = parseFloat(input.val());
if(min!='') {
if (oldValue <= min) {
var newVal = oldValue;
} else {
var newVal = oldValue - 1;
spinner.find("input").val(newVal);
spinner.find("input").trigger("change");
}
} else {
var newVal = oldValue - 1;
spinner.find("input").val(newVal);
spinner.find("input").trigger("change");
}
});
});
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment