Layui 第三方扩展组件平台

返回首页 发布组件

带提示和点击删除事件的复选框

创建:2018-8-30

文档

效果图:

使用示例:
<script>
layui.use(['checkbox', 'layer'], function () {
var $ = layui.$
, layer = layui.layer
, checkbox = layui.checkbox;

layer.open({
type: 1,
title: 'Checkbox',
area: ['550px', '350px'],
content: '<div id="testbox"></div>',
success: function (layero, index) {
$("#testbox").children("li").remove();
checkbox({
elem: "#testbox"
, nodes: [
{ "id": 1, "name": "姓名", "type": "文本型", "on": true }
, { "id": 2, "name": "年龄", "type": "数值型", "on": false }
, { "id": 3, "name": "生日", "type": "日期型", "on": true }
, { "id": 4, "name": "电话", "type": "文本型", "on": false }
, { "id": 5, "name": "微信", "type": "文本型", "on": true }
, { "id": 6, "name": "邮箱", "type": "文本型", "on": true }
, { "id": 7, "name": "备注", "type": "文本型", "on": true }
]
, click: function (node) {
console.log("点击", node);
}
, del: function (node) {
console.log("删除", node);
return true;
}
});
}
});

});
</script>

下载

立即下载
该扩展组件由第三方用户主动投递,并由其自身进行维护,本站仅做收集。