jquery each统制checkbox有关内容（table tr）的显示或隐藏（jquery 按条件隐藏显示已输出内容）
jquery each控制checkbox有关内容（table tr）的显示或隐藏（jquery 按条件隐藏显示已输出内容）
当不勾选任何一项时，显示所有国家内容；
勾选一项显示一项内容且不同国家内容可以叠加；
取消勾选隐藏其相应内容；
“其他”代表所有不在勾选列表项以外的国家
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>