layui 表单全局置灰
时间: 2023-05-25 19:07:02 浏览: 96
UI界面置灰效果
可以通过给所有表单组件添加 "layui-disabled" 这个类名来实现全局置灰。如下所示:
```
layui.use(['form'], function(){
var form = layui.form;
// 将所有表单组件置灰
$('.layui-form-item input').addClass('layui-disabled');
$('.layui-form-item select').addClass('layui-disabled');
$('.layui-form-item textarea').addClass('layui-disabled');
// 重新初始化表单
form.render();
});
```
这样就可以将所有的表单组件置灰,一旦置灰,所有组件都无法进行输入或交互操作。如果需要将置灰的效果取消,只需要将 "layui-disabled" 类名移除即可。
阅读全文