弹窗案例

<!--选择导出选项-->
<div class="m-layer" style="width:300px;display:none" id="selectTrade1">
<div class="lytt fn-clear">
<span style="font-size:13px;font-weight:bold;">导出选项</span>
<a title="关闭" class="lyclose"></a>
</div>

<div class="lyct">
<div class="q-data fn-clear">
<span style="font-size:14px">您已勾选&nbsp;<span id="dao" style="font-weight:bold;color:red">&nbsp;</span>个客户，请选择需要导出的项 </span>
<!-- <form action="/backstage/condition.htm" method="post"> -->
<table>


<tr style="line-height:30px;text-align:center" >
<td style="padding-left:50px;font-size:14px;"><input type="checkbox" id="check1" name='cb' οnclick="selecone()" value='234424' checked="checked" />基础信息</td>
<td style="padding-left:50px;font-size:14px;"><input type="checkbox" id="check2" name="cb" οnclick="selecone()" />投资信息</td>
</tr>

<tr style="line-height:30px;text-align:center">
<td style="padding-left:50px;font-size:14px;"><input type="checkbox" id="check3" name="cb" οnclick="selecone()" />登录信息</td>
<td style="padding-left:50px;font-size:14px;"><input type="checkbox" id="check4" name="cb" οnclick="selecone()"/>提现信息</td>
</tr>
<tr style="line-height:30px;text-align:center">
<td style="padding-left:50px;font-size:14px;"><input type="checkbox" id="check5" name="cb" οnclick="selecone()" >充值信息</td>
</tr>

</table>
<center> <button class="sub-btn green-btn" id="searchTrade2" >确定</button></center>


<!--</form>-->
</div>
</div>
</div>

 

 

 

//<--选择导出选项-->
function openwin() {
document.getElementById("check1").checked = true;
if (getCheckedLength("isChecked") > 0) {
$("#dao").html(getCheckedLength("isChecked"));
win = $('body').window({
content : '#selectTrade1',
simple : true
});
}else{
educeFail= $('body').window({
content:'#selectEduceFail',
simple:true
});

$("#selectEduceFail .lyclose").click(function(){
educeFail.hide();
});
$("#searchEduceFail").click(function(){
educeFail.hide();
});
}
$("#selectTrade1 .lyclose").click(function() {
 
win.hide();
});

 

 

 

 

<a id="url1" href="javascript:οnclick=openwin()">导出</a></h2>

转载于:https://www.cnblogs.com/xuehen/p/4368076.html