JS 判断table中的td值和信息筛选

下面是例子,新建一个html文件然后复制一下内容覆盖全部就可以。试试看吧:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<TITLE> 信息筛选 </TITLE>
</HEAD>

<BODY>
<label>数据表信息</label> <br/> <br/>
<TABLE id=adv>

<TR id =adv1>
  <TD>test1</TD>
  <TD>test1</TD>
  <TD id="pd1">未中标</TD>
</TR>
<TR id =adv2>
  <TD>test2</TD>
  <TD>test2</TD>
  <TD id="pd2">未中标</TD>
</TR>

<TR id =adv3>
  <TD>test3</TD>
  <TD>test3</TD>
  <TD id="pd3">已评标</TD>
</TR>
<TR id =adv4>
  <TD>test4</TD>
  <TD>test4</TD>
  <TD id="pd4">未中标</TD>
</TR>

</TABLE>
<form name="theForm">
<input name="itemcount" type="hidden" value="5" />
<label><input type="checkbox" name="wqb" id="wqb" οnclick=showrow(this) checked="checked" value="未中标" />
未中标</label>
<label><input type="checkbox" name="ypb" id="ypb" οnclick=showrow(this) checked="checked" value="已评标"/>
已评标</label>
</form>
</BODY>
<SCRIPT LANGUAGE="JavaScript">
<!--
function showrow(obj){
 var i;
 for(i=1;i<document.getElementById("itemcount").value;i++){
  if (document.getElementById("pd"+i).innerText==obj.value){
  if (obj.checked){
  document.getElementById("adv"+i).style.display = "";
  }else{
  document.getElementById("adv"+i).style.display = "none";
  }
  }
 }
}
//-->
</SCRIPT>
</HTML> 



聪明的你修改一下就可以适用于asp或者asp.net的动态页面了。呵呵。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值