layui checkbox 怎么变为只读
时间: 2023-08-31 15:02:32 浏览: 118
设置checkbox为只读(readOnly)的两种方式
5星 · 资源好评率100%
在layui中,checkbox默认情况下是可编辑的,如果要将checkbox变为只读,可以使用如下方法:
1. 使用lay-filter属性进行过滤:可以在checkbox的HTML代码中添加lay-filter属性,并给它一个唯一标识,然后通过监听该checkbox的事件,来禁用或启用checkbox,示例代码如下:
```html
<input type="checkbox" lay-filter="checkboxFilter">
<script>
layui.use('form', function(){
var form = layui.form;
form.on('checkbox(checkboxFilter)', function(data){
//禁用checkbox
$(data.elem).prop('disabled', true);
//若需要启用checkbox,可以使用以下代码
//$(data.elem).prop('disabled', false);
});
});
</script>
```
2. 使用layui的checkbox的API:可以使用layui的form模块的checkbox方法来禁用或启用checkbox,示例代码如下:
```html
<input type="checkbox" id="myCheckbox">
<script>
layui.use('form', function(){
var form = layui.form;
//禁用checkbox
form.checkbox('myCheckbox', 'disabled');
//若需要启用checkbox,可以使用以下代码
//form.checkbox('myCheckbox', 'normal');
});
</script>
```
以上就是两种方法将layui checkbox变为只读的示例代码。你可以根据实际需求选择适合的方法来使用。
阅读全文