禁用 layui 数字输入框的加减按钮有两种方法:使用 HTML 属性:在创建数字输入框时,设置 disabled 属性即可。使用 JavaScript:通过 JavaScript 代码,动态禁用加减按钮。

如何禁用layui数字输入框的加减按钮?
禁用layui数字输入框的加减按钮有两种方法:
方法一:使用HTML属性
在创建layui数字输入框时,通过设置 disabled 属性即可禁用加减按钮。
<code class="html"><input type="number" lay-verify="number" lay-min="0" lay-max="100" disabled></code>
方法二:使用JavaScript
通过JavaScript代码,可以动态禁用数字输入框的加减按钮。
<code class="javascript">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);
}
});
});</code>以上就是layui数字输入框加减按钮如何禁用的详细内容,更多请关注php中文网其它相关文章!
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号