收藏，對比功能的JS部分實現代碼

2019-11-21 01:39:50

字體：大中小

來源：轉載

供稿：網友

<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   class="iwvjtn8m0"   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可突破windows彈退效果代碼

下一篇：ext form 表單提交數據的方法小結