禁用 layui 数字输入框的加减按钮有两种方法：使用 HTML 属性：在创建数字输入框时，设置 disabled 属性即可。使用 JavaScript：通过 JavaScript 代码，动态禁用加减按钮。
如何禁用layui数字输入框的加减按钮？
禁用layui数字输入框的加减按钮有两种方法：
方法一：使用HTML属性
在创建layui数字输入框时，通过设置 disabled 属性即可禁用加减按钮。
1
<input type="number" lay-verify="number" lay-min="0" lay-max="100" disabled>
登录后复制
方法二：使用JavaScript
通过JavaScript代码，可以动态禁用数字输入框的加减按钮。
1
2
3
4
5
6
7
8
9
10
11
12
layui.use(form, function(){
var form = layui.form;
form.on(number, function(data){
if (data.value < 10 || data.value > 50) {
//禁用加减按钮
$(.layui-input-number-up,.layui-input-number-down).attr(disabled, true);
} else {
//启用加减按钮
$(.layui-input-number-up,.layui-input-number-down).attr(disabled, false);
}
});
});
登录后复制
以上就是layui数字输入框加减按钮如何禁用的详细内容，更多请关注php中文网其它相关文章！