通过引入layui.js文件并使用layui.form.render('number')初始化数字输入框，可以自定义带加减按钮的layui数字输入框。加减按钮分别绑定点击事件处理函数，点击后可增加或减少输入框中的数字。
如何使用layui自定义带加减按钮的数字输入框
layui提供了强大的UI组件，其中包括数字输入框。但是，默认的数字输入框没有内置的加减按钮。本教程将指导您如何使用layui自定义带加减按钮的数字输入框。
步骤：
-
引入layui.js文件：
在您的HTML文件中，引入layui.js文件。 -
创建输入框元素：
创建如下HTML元素： -
定义加减按钮：
在输入框的前面和后面定义加减按钮，如下所示： -
初始化layui数字输入框：
使用layui.form初始化数字输入框，如下所示：layui.form.render('number'); -
绑定加减按钮事件：
为加减按钮绑定点击事件，如下所示：$('#minus').click(function() { let value = parseInt($('#number').val()) - 1; if (value < 0) value = 0; $('#number').val(value); }); $('#plus').click(function() { let value = parseInt($('#number').val()) + 1; $('#number').val(value); });
效果：
通过上述步骤，您将创建一个带加减按钮的数字输入框。当用户点击加减按钮时，输入框中的数字将相应地加1或减1。
完整代码：
layui数字输入框加减按钮
