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>

  • 相关阅读:
    扩展正则表达式 练习题
    Linux特殊符号
    文件属性下
    文件属性和ls -lhi
    复习之前的和补充一些内容
    第二关练习题总结完结
    云服务器防ssh攻击
    实验四+085
    实验3+085
    第5次作业+085
  • 原文地址:https://www.cnblogs.com/xuehen/p/4368076.html
Copyright © 2011-2022 走看看