如何在 jQuery 中创建并使用加减按钮的数字输入框？步骤 1：创建 HTML 输入框创建一个包含输入框和加减按钮的 div 容器。步骤 2：加载依赖项确保加载了 jQuery 和 layui 库。步骤 3：使用 jQuery 实现加减逻辑使用 jQuery 事件处理程序处理加减按钮的点击事件，并更新输入框中的值。步骤 4：在 layui 中使用使用 layui 的表单元素更新事件处理程序，以动态更新输入框的加减行为。
如何在 jQuery 中实现带加减按钮的数字输入框，并在 layui 中使用？
使用 jQuery 创建带加减按钮的数字输入框，并在 layui 框架中应用，可以实现便捷的数值输入和修改功能。
步骤 1：创建 HTML 输入框
步骤 2：加载依赖项
确保已加载了 jQuery 和 layui 库。
步骤 3：使用 jQuery 实现加减逻辑
$(function() {
$(".input-number-wrapper").each(function() {
var decBtn = $(this).find(".dec-btn");
var incBtn = $(this).find(".inc-btn");
var inputNumber = $(this).find(".input-number");
decBtn.on("click", function() {
inputNumber.val(Math.max(1, parseInt(inputNumber.val()) - 1));
});
incBtn.on("click", function() {
inputNumber.val(parseInt(inputNumber.val()) + 1);
});
});
});步骤 4：在 layui 中使用
layui.form.on("elemUpdate", function(data) {
if (data.field.name === "inputNumber") {
updateInputNumber(data.element);
}
});
function updateInputNumber(element) {
var inputNumber = $(element).find(".input-number");
var decBtn = $(element).find(".dec-btn");
var incBtn = $(element).find(".inc-btn");
inputNumber.val(layui.data("input-number")[inputNumber.attr("name")]);
decBtn.on("click", function() {
inputNumber.val(Math.max(1, parseInt(inputNumber.val()) - 1));
});
incBtn.on("click", function() {
inputNumber.val(parseInt(inputNumber.val()) + 1);
});
} 
