当前位置：首页 -> 基础 -> c++编程基础

jquery each控制checkbox有关内容（table tr）的显示或隐藏（jquery 按条件隐藏显示已输出内容）(一)

2014-11-23 22:13:30 ? 作者: ? 浏览: 7
标签: jquery each 控制 checkbox 有关 内容 table 显示 隐藏 条件 输出

当不勾选任何一项时，显示所有国家内容；
勾选一项显示一项内容且不同国家内容可以叠加；
取消勾选隐藏其相应内容；
“其他”代表所有不在勾选列表项以外的国家
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页面

按货币条件查询：

  • < input id ="Checkbox1" type ="checkbox" name ="checkbox" class ="checkbox" value="美国 " onclick ="check()" />  美国
  • < input id ="Checkbox2" type ="checkbox" name ="checkbox" class ="checkbox" value="英国 " onclick ="check()" />  英国
  • < input id ="Checkbox3" type ="checkbox" name ="checkbox" class ="checkbox" value="法国 " onclick ="check()" />  法国
  • < input id ="Checkbox4" type ="checkbox" name ="checkbox" class ="checkbox" value="德国 " onclick ="check()" />  德国
  • < input id ="Checkbox5" type ="checkbox" name ="checkbox" class ="checkbox" value="欧元区 " onclick ="check()" />  欧元区
  • < input id ="Checkbox6" type ="checkbox" name ="checkbox" class ="checkbox" value="日本 " onclick ="check()" />  日本
  • < input id ="Checkbox7" type ="checkbox" name ="checkbox" class ="checkbox" value="瑞士 " onclick ="check()" />  瑞士
  • < input id ="Checkbox8" type ="checkbox" name ="checkbox" class ="checkbox" value="澳洲 " onclick ="check()" />  澳大利亚
  • < input id ="Checkbox9" type ="checkbox" name ="checkbox" class ="checkbox" value="加拿大 " onclick ="check()" />  加拿大
  • < input id ="Checkbox10" type ="checkbox" name ="checkbox" class ="checkbox" value="中国 " onclick ="check()" />  中国
  • < input id ="Checkbox11" type ="checkbox" name ="checkbox" class ="checkbox" value="其他 " onclick ="check()" />  其他

    • 经济数据一览

    <%
    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
    %>
    < td><% =tips %>
    <%
    rs.MoveNext
    loop
    r
    -->
    时间 国家 指标名称 重要性 前值 预测值 公布值
    <% =chkIsNull(rs("time" )) %> <% =chkIsNull(rs("country" )) %> <% =chkIsNull(rs("ITEM" )) %><% =rs("TableData" ) %> <% =chkIsNull(rs("LAST" )) %> <% =chkIsNull(rs("PRE" )) %> <% =chkIsNull(setImg(rs("Now" ))) %>

    评论

    帐　　号: 密码: (新用户注册)
    验 证 码:
    表　　情:
    内　　容: