收藏，对比功能的JS部分实现代码

<html>  <head>  <meta http-equiv="Content-Type" content="text/html; charset=gb2312">  <title>脚本之家</title>  </head>  <body>  <script >  var i=0;  function addtable(i,id){      var aa;      aa="<table id=s"+i+"><tbody><tr width=50><td>流水号<input  style=\"border:none;background:d3e5f3\" size=4 type=\"text\" name=\"lsh\"  value="+id+"></td><td><a href=\"JavaScript:Delarhui(s"+i+")\">删除</a></td></tr></tbody></table>";      return aa;  }  function Delarhui(obj){      obj.removeNode(true);  }  function arhui(id){      if (checkid(id)){sc[sc.length]=id;train.innerHTML+=addtable(i++,id);}  }  //判断传入的id是否已经被选  var sc=[];//存放被选  function checkid(x){  if (sc.length>0){  var tmp=sc.join();  if (tmp.indexOf(x)>=0)                     {  alert ("已收藏");  return false;  }  else return true  }  return true  }  </script>  <form name="addtable">  <div id="train" style="position:absolute; width:150px; background:d3e5f3; right: 0px; top: 0px;">    提交  </div>  </form>  <table  width="820"   border="1" cellpadding="1" cellspacing="1">  <tr bordercolor="#FFFFFF" bgcolor="e7e7e7">    <td>操作</td>    <td>流水号</div></td>  </tr>  <tr>    <td><a href="JavaScript:arhui(1)">收藏</a></td>    <td><div align="center">1</div></td>  </tr>  <tr>    <td><a href="JavaScript:arhui(2)">收藏</a></td>    <td><div align="center">2</div></td>  </tr>  <tr>    <td><a href="JavaScript:arhui(3)">收藏</a></td>    <td><div align="center">3</div></td>  </tr>  <tr>    <td><a href="JavaScript:arhui(4)">收藏</a></td>    <td><div align="center">4</div></td>  </tr>  <tr>    <td><a href="JavaScript:arhui(5)">收藏</a></td>    <td><div align="center">5</div></td>  </tr>  <tr>    <td><a href="JavaScript:arhui(6)">收藏</a></td>    <td><div align="center">6</div></td>  </tr>  <tr>    <td><a href="JavaScript:arhui(7)">收藏</a></td>    <td><div align="center">7</div></td>  </tr>  <tr>    <td><a href="JavaScript:arhui(8)">收藏</a></td>    <td><div align="center">8</div></td>  </tr>  <tr>    <td><a href="JavaScript:arhui(9)">收藏</a></td>    <td><div align="center">9</div></td>  </tr>  <tr>    <td><a href="JavaScript:arhui(10)">收藏</a></td>    <td><div align="center">10</div></td>  </tr>  <tr>    <td><a href="JavaScript:arhui(11)">收藏</a></td>    <td><div align="center">11</div></td>  </tr>  <tr>    <td><a href="JavaScript:arhui(12)">收藏</a></td>    <td><div align="center">12</div></td>  </tr>  <tr>    <td><a href="JavaScript:arhui(13)">收藏</a></td>    <td><div align="center">13</div></td>  </tr>  <tr>    <td><a href="JavaScript:arhui(14)">收藏</a></td>    <td><div align="center">14</div></td>  </tr>  <tr>    <td><a href="JavaScript:arhui(15)">收藏</a></td>    <td><div align="center">15</div></td>  </tr>  <tr>    <td><a href="JavaScript:arhui(16)">收藏</a></td>    <td><div align="center">16</div></td>  </tr>  <tr>    <td><a href="JavaScript:arhui(17)">收藏</a></td>    <td><div align="center">17</div></td>  </tr>  <tr>    <td><a href="JavaScript:arhui(18)">收藏</a></td>    <td><div align="center">18</div></td>  </tr>  </table>  </body>  </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

频道导航

收藏，对比功能的JS部分实现代码

您可能感兴趣的文章: