zoukankan      html  css  js  c++  java
  • 弹窗案例

    <!--选择导出选项-->
    <div class="m-layer" style="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' onclick="selecone()" value='234424' checked="checked" />基础信息</td>
    <td style="padding-left:50px;font-size:14px;"><input type="checkbox" id="check2" name="cb" onclick="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" onclick="selecone()" />登录信息</td>
    <td style="padding-left:50px;font-size:14px;"><input type="checkbox" id="check4" name="cb" onclick="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" onclick="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:onclick=openwin()">导出</a></h2>

  • 相关阅读:
    牛客练习赛71 F-红蓝图 (kruskal重构树 + 线段树合并)
    2020杭电多校第一场 Finding a MEX
    Codeforces 235C Cyclical Quest (后缀自动机)
    HDu6583 Typewriter (后缀自动机 + dp)
    2020牛客暑期多校训练营(第八场)A All-Star Game
    HDu4416 Good Article Good sentence (后缀自动机)
    icpc小米 A . Intelligent Warehouse
    计数类dp
    主席树
    博弈论
  • 原文地址:https://www.cnblogs.com/xuehen/p/4368076.html
Copyright © 2011-2022 走看看