layer 弹出层 中包含 复选框的实现

先看 效果:当我点击  导出按钮时,弹出 弹出层,可使用复选框按钮

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);
			                          	
									}
								});
	}

 

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

一彡十

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值