十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
这篇文章将为大家详细讲解有关layui如何实现选择列表,打勾,点击确定返回数据,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

创新互联网站建设公司,提供成都网站设计、成都网站制作,网页设计,建网站,PHP网站建设等专业做网站服务;可快速的进行网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,是专业的做网站团队,希望更多企业前来合作!
如下所示:
文件数据
此页面为弹出框页面,选择某一列后,点击确定返回数据
layui.use('layer', function () {
var layer = layui.layer;
layer.open({
cache: false,
type: 2,
title: '对比',
skin: 'layui-layer-tb_125',
area: ['600px', '250px'],
content: '../ModelList/ModelMapNodeAttributeContrastForm',
moveOut: true,
zIndex: layer.zIndex,
btn: ['确定', '关闭'],
yes: function (index) {
//当点击‘确定'按钮的时候,获取弹出层返回的值
var resdata = window["layui-layer-iframe" + index].callbackdata();
//最后关闭弹出层
layer.close(index);
layui.use('layer', function () {
var layer = layui.layer;
layer.open({
type: 2,
title: '查看',
skin: 'layui-layer-tb_125',
area: ['600px', '250px'],
content: '../ModelList/ModelMapNodeAttributeDataForm?ContrastModelId=' + resdata["0"].modelid + '&ContrastModelName=' + resdata["0"].modelname + '&ContrastProductId=' + resdata["0"].productconfigid + '&aaaaaa=1',
moveOut: true,
zIndex: layer.zIndex,
cancel: function (index, layero) {
layer.close(index);
return true;
}, end: function () {
}
});
});
},
cancel: function (index) {
//右上角关闭回调
layer.close(index);
}
});
});关于“layui如何实现选择列表,打勾,点击确定返回数据”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。