下面是例子,新建一个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的动态页面了。呵呵。