當不勾選任何一項時,顯示所有國家內容;
勾選一項顯示一項內容且不同國家內容可以疊加;
取消勾選隱藏其相應內容;
“其他”代表所有不在勾選列表項以外的國家
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()" /> 美國 </li>
<li>< input id ="Checkbox2" type ="checkbox" name ="checkbox" class ="checkbox" value="英國 " onclick ="check()" /> 英國 </li>
<li>< input id ="Checkbox3" type ="checkbox" name ="checkbox" class ="checkbox" value="法國 " onclick ="check()" /> 法國 </li>
<li>< input id ="Checkbox4" type ="checkbox" name ="checkbox" class ="checkbox" value="德國 " onclick ="check()" /> 德國 </li>
<li>< input id ="Checkbox5" type ="checkbox" name ="checkbox" class ="checkbox" value="歐元區 " onclick ="check()" /> 歐元區 </li>
<li>< input id ="Checkbox6" type ="checkbox" name ="checkbox" class ="checkbox" value="日本 " onclick ="check()" /> 日本 </li>
<li>< input id ="Checkbox7" type ="checkbox" name ="checkbox" class ="checkbox" value="瑞士 " onclick ="check()" /> 瑞士 </li>
<li>< input id ="Checkbox8" type ="checkbox" name ="checkbox" class ="checkbox" value="澳洲 " onclick ="check()" /> 澳大利亞 </ li>
<li>< input id ="Checkbox9" type ="checkbox" name ="checkbox" class ="checkbox" value="加拿大 " onclick ="check()" /> 加拿大 </li>
<li>< input id ="Checkbox10" type ="checkbox" name ="checkbox" class ="checkbox" value="中國 " onclick ="check()" /> 中國 </li>
<li>< input id ="Checkbox11" type ="checkbox" name ="checkbox" class ="checkbox" value="其他 " onclick ="check()" /> 其他 </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>