先看 效果:当我点击 导出按钮时,弹出 弹出层,可使用复选框按钮
js 实现:用的 layer.open 其中给确认按钮,添加了回调函数 去访问 后台 controller
content 属性中:有checkbox ,回调函数 yes:function(index,layero) 得到复选框是否选中的状态,再直接用 location.href 传给后台
layer.close(index) 是关闭 此弹出层
function outPutDetail(resultId) {
layer.open({
type : 1,
title : ['<span style="color:white;">系统提示</span> ',
'background-color: #4898d5' ],
area : ['350px ,100px'],
shade : 0.5,
id : 'LAY_layuipro',
moveType : 1,
content : '<div id="output_detail" class="pace-done" style="padding: 40px; line-height: 5px;" >
<p style="word-wrap:break-word; word-break:break-all;">'+ '确定导出执行计划吗?' + '</p>
<br><br><input type=checkbox name=details id=checkcheck>导出详情</label></div>',
closeBtn : 1,
btn : [ '确认','取消' ],
yes:function(index,layero){
/* $.get("${ctx}/datavalid/planResult/export?id="+resultId+"&check="+$("#checkcheck").attr("checked"),function(data,status)
{ alert(data);
}) */
location.href="${ctx}/datavalid/planResult/export?id="+resultId+"&check="+$("#checkcheck").attr("checked");
/* $.ajax({
method : "get",
url : "${ctx}/datavalid/planResult/export?id="+resultId+"&check="+$("#checkcheck").attr("checked"),
success : function(data) {
alert(data);
}
}); */
layer.close(index);
}
});
}