表格table数据过滤

技术文章

表格table数据过滤

时间：2009-04-03 点击：1531

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>表格table数据过滤</TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style>
#div1 {
    position:absolute;
    left:50%;
    top:50%;
    width:600px;
    height:400px;
    margin:-200px 0 0 -300px;
    border:1px solid #84A0C4;
}
table {
    border:1;
    width:600px;
}
span {
    position:absolute;
    left:300px;
    top:50px;
}
</style>
<script>

</script>
</HEAD>

<BODY>
这里用0标示active，用1标示inactive
<span>
<input type="radio" name="status" onclick="deal(0)">active
<input type="radio" name="status" onclick="deal(1)">inactive
<input type="radio" name="status" onclick="deal(3)">all
</span>
<div id="div1">
<table   id= "tab" border="1"  /> 
         <tr> <td> 姓名 </td> <td> 年龄 </td><td> 电话 </td> <td> status </td> </tr>
        <tr> <td> asf </td> <td> 222 </td> <td> 111 </td> <td> 0 </td> </tr> 
        <tr> <td> dfgad </td> <td> 222 </td> <td> 111 </td> <td> 1 </td> </tr> 
        <tr> <td> adgad </td> <td> 222 </td> <td> 111 </td> <td> 0 </td> </tr> 
        <tr> <td> sdhs </td> <td> 222 </td> <td> 111 </td> <td> 1 </td> </tr> 
        <tr> <td> ewrfa </td> <td> 222 </td> <td> 111 </td> <td> 0 </td> </tr> 
        <tr> <td> dgsd </td> <td> 222 </td> <td> 111 </td> <td> 1 </td> </tr> 
        <tr> <td> asdf </td> <td> 222 </td> <td> 111 </td> <td> 0 </td> </tr> 
        <tr> <td> asdga </td> <td> 222 </td> <td> 111 </td> <td> 1 </td> </tr> 
        <tr> <td> agad </td> <td> 222 </td> <td> 111 </td> <td> 0 </td> </tr> 
        <tr> <td> aerfa </td> <td> 222 </td> <td> 111 </td> <td> 1 </td> </tr> 
        <tr> <td> agrga </td> <td> 222 </td> <td> 111 </td> <td> 0 </td> </tr> 
        <tr> <td> gadrgaer </td> <td> 222 </td> <td> 111 </td> <td> 1 </td> </tr> 
<table> 
</div>

</BODY>
</HTML>

点击按钮,在桌面生成网址快捷方式

右下角提示窗口

动态给已知ID的控件中的控件赋值

获取input文本框的上下td对象

鼠标滑过缩略图显示大图

> 返回

地址：上海市普陀区胶州路941号长久商务中心电话： QQ：