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>

  • 相关阅读:
    http 学习 1-1 chapter1-HTTP概述
    2048 游戏实现原理
    safari 日期对象新建new Date( timeStr ) 参数TimeStr格式
    js
    js 常见弹出框学习
    JS引入CSS文件
    JAVA 遍历文件夹下的所有文件(递归调用和非递归调用)
    java复制文件 转
    Map键值对,一种思路
    写入excel表格数据
  • 原文地址:https://www.cnblogs.com/xuehen/p/4368076.html
Copyright © 2011-2022 走看看