2024年7月3日发(作者：)
layui checkbox用法
Layui 是一个简单易用、灵活的前端框架，它提供了丰富的组件和功能。下
面是 Layui 中 Checkbox（复选框）的用法：
1. 引入 Layui 的 CSS 和 JS 文件：
```html
```
2. 创建 Checkbox：
```html
skin="primary">
```
- `name` 属性：用于标识 Checkbox，可以在表单提交时使用。
- `title` 属性：复选框的显示文本。
- `lay-skin` 属性：指定复选框的外观样式，这里使用 "primary" 表
示基本样式。
3. 使用 Checkbox 的值：
你可以通过 JavaScript 获取 Checkbox 的值，以下是一个示例：
```javascript
(['form'], function() {
var form = ;
// 监听提交按钮点击事件
('submit(submitBtn)', function(data){
var checkedValues = [];
$('input:checkbox[name="like[write]"]:checked').each(function(){
($(this).val());
});
(checkedValues);
return false; // 阻止表单提交
});
});
```
这里使用 `` 监听提交按钮的点击事件，并通过选择器获取被
选中的 Checkbox 值。
注意：以上代码只是一个简单的示例，你可以根据具体的需求进行定制和扩
展。另外，为了使 Checkbox 生效，需要引入并初始化 Layui 的 form 模块，
例如 `(['form'], function() { ... });`。
发布者：admin，转转请注明出处：http://www.yc00.com/web/1720004690a2759637.html
评论列表（0条）