admin 管理员组文章数量: 887021
2024年3月2日发(作者：switch语句javappt)
layui checkbox用法
Layui 是一个简单易用、灵活的前端框架，它提供了丰富的组件和功能。下面是 Layui 中 Checkbox（复选框）的用法：
1. 引入 Layui 的 CSS 和 JS 文件：
```html
```
2. 创建 Checkbox：
```html
```
- `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() { ... });`。
版权声明：本文标题：layui-checkbox用法 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.freenas.com.cn/jishu/1709334233h542130.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论