收藏，对比功能的JS部分实现代码 时间:2020-05-12 人气:0 <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> 提交 </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>1</div></td> </tr> <tr> <td><a href="JavaScript:arhui(2)">收藏</a></td> <td><div>2</div></td> </tr> <tr> <td><a href="JavaScript:arhui(3)">收藏</a></td> <td><div>3</div></td> </tr> <tr> <td><a href="JavaScript:arhui(4)">收藏</a></td> <td><div>4</div></td> </tr> <tr> <td><a href="JavaScript:arhui(5)">收藏</a></td> <td><div>5</div></td> </tr> <tr> <td><a href="JavaScript:arhui(6)">收藏</a></td> <td><div>6</div></td> </tr> <tr> <td><a href="JavaScript:arhui(7)">收藏</a></td> <td><div>7</div></td> </tr> <tr> <td><a href="JavaScript:arhui(8)">收藏</a></td> <td><div>8</div></td> </tr> <tr> <td><a href="JavaScript:arhui(9)">收藏</a></td> <td><div>9</div></td> </tr> <tr> <td><a href="JavaScript:arhui(10)">收藏</a></td> <td><div>10</div></td> </tr> <tr> <td><a href="JavaScript:arhui(11)">收藏</a></td> <td><div>11</div></td> </tr> <tr> <td><a href="JavaScript:arhui(12)">收藏</a></td> <td><div>12</div></td> </tr> <tr> <td><a href="JavaScript:arhui(13)">收藏</a></td> <td><div>13</div></td> </tr> <tr> <td><a href="JavaScript:arhui(14)">收藏</a></td> <td><div>14</div></td> </tr> <tr> <td><a href="JavaScript:arhui(15)">收藏</a></td> <td><div>15</div></td> </tr> <tr> <td><a href="JavaScript:arhui(16)">收藏</a></td> <td><div>16</div></td> </tr> <tr> <td><a href="JavaScript:arhui(17)">收藏</a></td> <td><div>17</div></td> </tr> <tr> <td><a href="JavaScript:arhui(18)">收藏</a></td> <td><div>18</div></td> </tr> </table> </body> </html> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 加载全部内容