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