程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> C語言 >> C++ >> C++入門知識 >> jquery each控制checkbox有關內容(table tr)的顯示或隱藏(jquery 按條件隱藏顯示已輸出內

jquery each控制checkbox有關內容(table tr)的顯示或隱藏(jquery 按條件隱藏顯示已輸出內

編輯:C++入門知識


當不勾選任何一項時,顯示所有國家內容; 勾選一項顯示一項內容且不同國家內容可以疊加; 取消勾選隱藏其相應內容; “其他”代表所有不在勾選列表項以外的國家 1、jquery     function check() {         var country = "" ;         $( "[name='checkbox']" ).each(function() {             if ($(this ).attr("checked")) {                 country += $( this).val() ;             }         });         $( "#tableID tr").each(function () {             $( this).show();             if (country != "" && country.indexOf( "其他" ) < 0) {                 if (country.indexOf($("td:eq(1)" , this).html()) >= 0) {                 }                 else {                     $( this).hide();                 }             }             else if (country == "") {                 $( this).show();             }             else {                 if (country.indexOf($("td:eq(1)" , this).html()) >= 0) {                     $( this).show();                 }                 else if ($("td:eq(1)", this).html() != " 美國" && $( "td:eq(1)", this ).html() != "英國" && $("td:eq(1)", this).html() != " 法國" && $( "td:eq(1)", this ).html() != "德國 " && $("td:eq(1)" , this).html() != "歐元區" && $("td:eq(1)", this).html() != " 日本" && $( "td:eq(1)", this).html() != " 瑞士" && $( "td:eq(1)", this ).html() != "澳大利亞 " && $("td:eq(1)" , this).html() != "加拿大" && $("td:eq(1)", this).html() != " 中國") {                     $( this).show();                 }                 else {                     $( this).hide();                 }             }         });         $( "#tableID tr:eq(0)" ).show();     }   2、asp頁面              <div class="CurBlock">                 <h4> 按貨幣條件查詢: </h4>                 <ul>                     <li>< input id ="Checkbox1" type ="checkbox" name ="checkbox" class ="checkbox" value="美國 " onclick ="check()" /> &nbsp;美國 </li>                     <li>< input id ="Checkbox2" type ="checkbox" name ="checkbox" class ="checkbox" value="英國 " onclick ="check()" /> &nbsp;英國 </li>                     <li>< input id ="Checkbox3" type ="checkbox" name ="checkbox" class ="checkbox" value="法國 " onclick ="check()" /> &nbsp;法國 </li>                     <li>< input id ="Checkbox4" type ="checkbox" name ="checkbox" class ="checkbox" value="德國 " onclick ="check()" /> &nbsp;德國 </li>                     <li>< input id ="Checkbox5" type ="checkbox" name ="checkbox" class ="checkbox" value="歐元區 " onclick ="check()" /> &nbsp;歐元區 </li>                     <li>< input id ="Checkbox6" type ="checkbox" name ="checkbox" class ="checkbox" value="日本 " onclick ="check()" /> &nbsp;日本 </li>                     <li>< input id ="Checkbox7" type ="checkbox" name ="checkbox" class ="checkbox" value="瑞士 " onclick ="check()" /> &nbsp;瑞士 </li>                     <li>< input id ="Checkbox8" type ="checkbox" name ="checkbox" class ="checkbox" value="澳洲 " onclick ="check()" /> &nbsp;澳大利亞 </ li>                     <li>< input id ="Checkbox9" type ="checkbox" name ="checkbox" class ="checkbox" value="加拿大 " onclick ="check()" /> &nbsp;加拿大 </li>                     <li>< input id ="Checkbox10" type ="checkbox" name ="checkbox" class ="checkbox" value="中國 " onclick ="check()" /> &nbsp;中國 </li>                     <li>< input id ="Checkbox11" type ="checkbox" name ="checkbox" class ="checkbox" value="其他 " onclick ="check()" /> &nbsp;其他 </li>                 </ul>                 <p class="clear"></p>             </div>             <div class="DatainBlock">                 <h4> 經濟數據一覽 </h4>                 <table width="100%" border="0" cellspacing="0" cellpadding="0" id="tableID">                   <tr>                     <th> 時間</th >                     <th> 國家</th >                     <th> 指標名稱</th >                     <th> 重要性</th >                     <th> 前值</th >                     <th> 預測值</th >                     <th> 公布值</th >                    <!-- <th>圖表</th>-->                   </tr>                   <%                    dates=Trim(Request.QueryString( "date"))                    dates=replace(dates, "-","" )                                          if(isnull(dates) or len(dates)=0) then                                            dates=date()                                          else                                            if(IsNumeric(dates)) then                                            dates=Request.QueryString("date" )                                             else                                             dates=date()                                             end if                                          end if                     set rs=server.CreateObject("adodb.recordset" )                     sql= "select * from TableInfo where convert(varchar(12),PUBLISHTIME,112)=convert(varchar(12),'"&FormatDate(dates,14)&"',112) "                                 rs.Open sql,conn12,1,1                      if rs.RecordCount=0 then                                 tips= "今日無指標數據"                                 end if                     do while not rs.EOF                     if(rs("zyx" )="高 ") then                                 img= "images/icon_high.gif"                                 elseif(rs("zyx" )="中 ") then                                 img= "images/icon_mid.gif"                                 else                                 img= "images/icon_low.gif"                                 end if                    %>                   <tr>                     <td> <% =chkIsNull(rs("time" )) %> </td>                     <td> <% =chkIsNull(rs("country" )) %> </td>                     <td> <% =chkIsNull(rs("ITEM" )) %><% =rs("TableData" ) %> </td>                     <td> <img src=" <%=img %>" /></td>                     <td> <% =chkIsNull(rs("LAST" )) %> </td>                     <td> <% =chkIsNull(rs("PRE" )) %> </td>                     <td> <% =chkIsNull(setImg(rs("Now" ))) %> </td>                   </tr>                    <tr>< td><% =tips %></td ></tr>                   <%                     rs.MoveNext                     loop                     rs.Close                     set rs=nothing                     set conn12=nothing                    %>                 </table>             </div>

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved