• 一些页面元素的遍历,元素的选择


    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="DeviceChecks1.aspx.cs" Inherits="WebSite.Emp.Device.CompanyCheck.DeviceChecks1" %>
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head id="Head1" runat="server">
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <meta charset="utf-8" />
        <title>设备检查</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
        <meta name="description" content="" />
        <meta name="author" content="" />
    
         <link type="text/css"  rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css"/>
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
        <script type="text/javascript" src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
    
        <style type="text/css">
            #footpanel
            {
     position: fixed;
     bottom: 0; left: 0;
     z-index: 9999; /*--Keeps the panel on top of all other elements--*/
     width: 96%;
     text-align:left;
     padding-left:10px;
     padding-right:10px;
     margin:0px;
            }
        </style>
    
        <script type="text/javascript">
            function dianji(obj) {
                var iso = $(obj).find("label").text();
                alert(iso);
            }
    
            function tgbtn() {
                var data1 = "<table><td><a href="#link" data-role="button" data-icon="alert" data-iconpos="notext">未通过</a></td><td>未通过</td></table>";
                var data2 = "<table><td><a href="#link" data-role="button" data-icon="check" data-iconpos="notext">通过</a></td><td>通过</td></table>";
                $("#shujulist div").each(function () {
                    //$(this).find("label").text();
                    $(this).find(".isok").empty(); 
                    $(this).find(".isok").append(data1);
                    $(this).find(".isok").trigger("create");
                });
            }
    
            function surebtn() {
                var i = 1;
                $("#shujulist div").each(function () {
                    //$(this).find("label").text();
                    alert($(this).find("label").text());
    
                });
            }
    
            function btgbtn() {
                var i = 1;
                $("#shujulist div").each(function () {
                    //$(this).find("label").text();
                    alert($(this).find("label").text());
    
                });
            }
        </script>
    </head>
    <body>
        <form id="form1" runat="server" method="post">
    
        <div data-role="page" id="pageone" data-theme="b">
          <div data-role="header" data-theme="b">
        <h3>数字化检查</h3>
      </div>
      <div data-role="content">
        <div>
            <div id="shujulist">
                <div style="border: 2px solid #000;-moz-border-bottom-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;-moz-border-top-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;-moz-border-left-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;-moz-border-right-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;padding: 5px 5px 5px 15px;">
            <table rules="all" width="100%" style="border-bottom: 1px #DCDCDC solid;" border="0" cellpadding="0"
                cellspacing="0" onclick="dianji(this);">
                <tr>
                    <td align="center" width="30%" style="padding-left: 10px;">
                        NO.
                    </td>
                    <td style="font-size: 11pt; padding-left: 10px;">
                    <asp:Label Text="01" runat="server" ID="Label24" ></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td align="center" width="30%" style="padding-left: 10px;">
                        名称
                    </td>
                    <td style="font-size: 11pt; padding-left: 10px;">
                        <asp:Label Text="门式起重机" runat="server" ID="lbTitle2" ></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td align="center" width="30%" style="padding-left: 10px;">
                        检查内容
                    </td>
                    <td style="font-size: 11pt; padding-left: 10px;">
                        <asp:Label Text="设备保修程度" runat="server" ID="Label1" ></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td align="center" width="30%" style="padding-left: 10px;">
                        结果
                    </td>
                    <td  style="font-size: 11pt; padding-left: 10px;">
                        <div class="isok"><table><td><a href="#link" data-role="button" data-icon="alert" data-iconpos="notext">未通过</a></td><td>未通过</td></table></div>
                    </td>
                </tr>
                <tr>
                    <td align="center" width="30%" style="padding-left: 10px;">
                        备注
                    </td>
                    <td style="font-size: 11pt; padding-left: 10px;">
                        <label id="beizhu1">你说通过就通过啦?...orz</label>
                    </td>
                </tr>
            </table>
    
    </div>
    
                <div style="border: 2px solid #000;-moz-border-bottom-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;-moz-border-top-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;-moz-border-left-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;-moz-border-right-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;padding: 5px 5px 5px 15px;">
            <table rules="all" width="100%" style="border-bottom: 1px #DCDCDC solid;" border="0" cellpadding="0"
                cellspacing="0" onclick="dianji(this);">
                <tr>
                    <td align="center" width="30%" style="padding-left: 10px;">
                        NO.
                    </td>
                    <td style="font-size: 11pt; padding-left: 10px;">
                    <asp:Label Text="01" runat="server" ID="Label4" ></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td align="center" width="30%" style="padding-left: 10px;">
                        名称
                    </td>
                    <td style="font-size: 11pt; padding-left: 10px;">
                        <asp:Label Text="门式起重机" runat="server" ID="Label5" ></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td align="center" width="30%" style="padding-left: 10px;">
                        检查内容
                    </td>
                    <td style="font-size: 11pt; padding-left: 10px;">
                        <asp:Label Text="设备保修程度" runat="server" ID="Label6" ></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td align="center" width="30%" style="padding-left: 10px;">
                        结果
                    </td>
                    <td style="font-size: 11pt; padding-left: 10px;">
                        <div class="isok"><table><tr><td><a href="#link" data-role="button" data-icon="check" data-iconpos="notext">通过</a></td><td>通过</td></tr></table></div>
                    </td>
                </tr>
                <tr>
                    <td align="center" width="30%" style="padding-left: 10px;">
                        备注
                    </td>
                    <td style="font-size: 11pt; padding-left: 10px;">
                        <label id="Label2">你说不通过就不通过啦啊撒大师的撒旦撒旦撒?...orz</label>
                    </td>
                </tr>
            </table>
    
    </div>
    
            </div>
    
    
            <div id="divTwo" style="height: 20px;" runat="server">
            <span>&nbsp;</span>
            </div>
    <%--        <div align="center" style="height: 70px;">
                <input type="button" id="jiazai" runat="server" onclick="readadd()" style="border: 1px #228B22 solid;
                    background-color: White; height: 25px; color: #228B22; font-size: 12pt;  110px;
                    margin-top: 10px; margin-right: 5px; " value="加载更多" />
            </div>--%>
    
            <div id="footpanel" valign="top" style=" height: 45px; margin-right: 20px; " align="center" runat="server">
                <table cellpadding="0" cellspacing="0" border="0" width="100%"  style="margin-top: 5px; height:100%;">
                    <tr>
                        <td style="33%; height: 45px;text-align:center;" >
                            <div><span ><input type="button" id="btn1" runat="server" value="通 过" onclick="tgbtn();" style="100%;height:45px;text-align:center;background-color: #85bff9;font-size : 18pt;" /></span></div>
                        </td>
                        <td style="33%; height: 45px;text-align:center;" >
                            <div><span ><input type="button" id="Button1" runat="server" value="确 定" onclick="surebtn();" style="100%;height:45px;text-align:center;background-color: #85bff9;font-size : 18pt;" /></span></div>
                        </td>
                        <td style="33%; height: 45px;text-align:center;" >
                            <div><span ><input type="button" id="Button2" runat="server" value="未 通 过" onclick="btgbtn();" style="100%;height:45px;text-align:center;background-color: #85bff9;font-size : 18pt;" /></span></div>
                        </td>
                    </tr>
                </table>
            </div>
    </div>
        </div>
        </form>
    </body>
    </html>
  • 相关阅读:
    C#学习-类型转换
    《学习之道》第八章总结
    《学习之道》第八章有了待办清单,重要的是说做就做
    《学习之道》第八章学习方法27薪水
    《学习之道》第八章行动日志是第二双眼睛
    C#学习-接口与抽象类
    C#学习-显式接口
    《学习之道》第八章再次提到休息
    《学习之道》第八章执行日志的经验
    4..8矩阵的乘法运算
  • 原文地址:https://www.cnblogs.com/Zpyboke/p/5201139.html
Copyright © 2020-2023  润新知