選擇與取消選擇不錯的應用 js

更新時間：2006年12月29日 00:00:00 作者：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>無標題文檔</title> <style type="text/css"> html,body,table,td,div{ font-size:12px;} .ybScontainer{ margin:0 auto; padding:15px; border:1px solid #CCCCCC;width:510px;} .TitleDiv{margin:3px 0px 0px 0px;} .leftTitle{ background:#993300; color:#FFFFFF; font-weight:bold; border:1px solid #993300;} .TitleLine{ border:1px solid #993300;} .Content1{ border-bottom:1px dashed #ccc; margin:0px 0px 3px 0px; padding:0px;} .ContentDiv{ border:1px solid #999999; padding:20px; margin:20px 0px 0px 0px;} a.mobanS{ color:#993300; text-decoration:none;}a.mobanS:hover{ background:#993300; color:#FFFFFF; text-decoration:none; padding:3px 0px 3px 0px;} </style>  </head> <body> <div   id="ublnpf9mb"   class="ybScontainer"> <div   id="ublnpf9mb"   class="TitleDiv"><table width="100%" height="22" border="0" cellpadding="0" cellspacing="0">   <tr>     <td width="14%" class="leftTitle">外觀：</td>     <td width="89%" class="TitleLine">&nbsp;     <a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents1','外觀:','contentOne','3')">宏偉</a>     &nbsp;<a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents1','外觀:','contentOne','3')">明亮</a>     &nbsp;<a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents1','外觀:','contentOne','3')">讓人感覺大氣</a></td>   </tr> </table> </div> <div   id="ublnpf9mb"   class="TitleDiv"><table width="100%" height="22" border="0" cellpadding="0" cellspacing="0">   <tr>     <td width="14%" class="leftTitle">大堂：</td>     <td width="89%" class="TitleLine">&nbsp;     <a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents2','大堂:','contentTwo','3')">非常氣派</a>     &nbsp;<a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents2','大堂:','contentTwo','3')">一般</a>     &nbsp;<a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents2','大堂:','contentTwo','3')">燈光還可以</a></td>   </tr> </table> </div> <div   id="ublnpf9mb"   class="TitleDiv"><table width="100%" height="22" border="0" cellpadding="0" cellspacing="0">   <tr>     <td width="14%" class="leftTitle">登記：</td>     <td width="89%" class="TitleLine">&nbsp;     <a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents3','登記:','contentThree','3')">速度很快</a>     &nbsp;<a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents3','登記:','contentThree','3')">務生態(tài)度很好</a>     &nbsp;<a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents3','登記:','contentThree','3')">效率不是很高</a></td>   </tr> </table> </div> <div   id="ublnpf9mb"   class="TitleDiv"><table width="100%" height="22" border="0" cellpadding="0" cellspacing="0">   <tr>     <td width="14%" class="leftTitle">風格：</td>     <td width="89%" class="TitleLine">&nbsp;     <a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents4','風格:','contentFour','3')">歐式</a>     &nbsp;<a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents4','風格:','contentFour','3')">日式</a>     &nbsp;<a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents4','風格:','contentFour','3')">中式</a>     &nbsp;<a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents4','風格:','contentFour','3')">現(xiàn)代</a>     &nbsp;<a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents4','風格:','contentFour','3')">典雅</a>     &nbsp;<a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents4','風格:','contentFour','3')">溫馨</a>     &nbsp;<a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents4','風格:','contentFour','3')">是我喜歡的</a>     &nbsp;<a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents4','風格:','contentFour','3')">是我向往的</a>     </td>   </tr> </table> </div> <div   id="ublnpf9mb"   class="TitleDiv"><table width="100%" height="22" border="0" cellpadding="0" cellspacing="0">   <tr>     <td width="14%" class="leftTitle">硬件：</td>     <td width="89%" class="TitleLine">     &nbsp;<a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents5','硬件:','contentFive','3')">很高檔</a>     &nbsp;<a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents5','硬件:','contentFive','3')">一般</a>     &nbsp;<a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents5','硬件:','contentFive','3')">比較差</a>     &nbsp;<a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents5','硬件:','contentFive','3')">不符合它的星級標準</a>     &nbsp;<a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents5','硬件:','contentFive','3')">符合它的星級標準</a>     </td>   </tr> </table> </div> <div   id="ublnpf9mb"   class="TitleDiv"><table width="100%" height="22" border="0" cellpadding="0" cellspacing="0">   <tr>     <td width="14%" class="leftTitle">裝修：</td>     <td width="89%" class="TitleLine">     &nbsp;<a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents6','裝修:','contentSix','3')">比較新</a>     &nbsp;<a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents6','裝修:','contentSix','3')">豪華</a>     &nbsp;<a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents6','裝修:','contentSix','3')">比較陳舊</a>     </td>   </tr> </table> </div> <div   id="ublnpf9mb"   class="TitleDiv"><table width="100%" height="22" border="0" cellpadding="0" cellspacing="0">   <tr>     <td width="14%" class="leftTitle">服務：</td>     <td width="89%" class="TitleLine">     &nbsp;<a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents7','服務:','contentSeven','3')">一般</a>     &nbsp;<a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents7','服務:','contentSeven','3')">很周到</a>     &nbsp;<a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents7','服務:','contentSeven','3')">很熱情</a>     &nbsp;<a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents7','服務:','contentSeven','3')">乏善可陳</a>     &nbsp;<a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents7','服務:','contentSeven','3')">不夠細致</a>     &nbsp;<a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents7','服務:','contentSeven','3')">細節(jié)上面還有待加強</a>     </td>   </tr> </table> </div> <div   id="ublnpf9mb"   class="TitleDiv"><table width="100%" height="22" border="0" cellpadding="0" cellspacing="0">   <tr>     <td width="14%" class="leftTitle">早餐：</td>     <td width="89%" class="TitleLine">     &nbsp;<a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents8','早餐:','contentEight','3')">不錯</a>     &nbsp;<a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents8','早餐:','contentEight','3')">比較簡單</a>     &nbsp;<a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents8','早餐:','contentEight','3')">價格高</a>     &nbsp;<a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents8','早餐:','contentEight','3')">比較豐富</a>     </td>   </tr> </table> </div> <div   id="ublnpf9mb"   class="TitleDiv"><table width="100%" height="22" border="0" cellpadding="0" cellspacing="0">   <tr>     <td width="14%" class="leftTitle">商務性：</td>     <td width="89%" class="TitleLine">     &nbsp;<a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents9','商務性:','contentNine','4')">比較高</a>     &nbsp;<a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents9','商務性:','contentNine','4')">不是很高</a>     </td>   </tr> </table> </div> <div   id="ublnpf9mb"   class="TitleDiv"><table width="100%" height="22" border="0" cellpadding="0" cellspacing="0">   <tr>     <td width="14%" class="leftTitle">停車：</td>     <td width="89%" class="TitleLine">     &nbsp;<a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents10','停車:','contentTen','3')">比較方便</a>     &nbsp;<a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents10','停車:','contentTen','3')">不是很方便</a>     </td>   </tr> </table> </div> <div   id="ublnpf9mb"   class="TitleDiv"><table width="100%" height="22" border="0" cellpadding="0" cellspacing="0">   <tr>     <td width="14%" class="leftTitle">地理位置：</td>     <td width="89%" class="TitleLine">     &nbsp;<a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents11','地理位置:','contentEleven','5')">靠近市中心</a>     &nbsp;<a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents11','地理位置:','contentEleven','5')">近機場</a>     &nbsp;<a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents11','地理位置:','contentEleven','5')">比較好</a>     &nbsp;<a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents11','地理位置:','contentEleven','5')">交通比較方便</a>     &nbsp;<a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents11','地理位置:','contentEleven','5')">交通不是很方便</a>     </td>   </tr> </table> </div> <div   id="ublnpf9mb"   class="TitleDiv"><table width="100%" height="22" border="0" cellpadding="0" cellspacing="0">   <tr>     <td width="14%" class="leftTitle">附近：</td>     <td width="89%" class="TitleLine">     &nbsp;<a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents12','附近:','contentTwelve','3')">有很多不錯的餐廳</a>     &nbsp;<a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents12','附近:','contentTwelve','3')">商業(yè)氛圍比較好</a>     &nbsp;<a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents12','附近:','contentTwelve','3')">比較安靜</a>     &nbsp;<a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents12','附近:','contentTwelve','3')">風景優(yōu)美</a>     </td>   </tr> </table> </div> <div   id="ublnpf9mb"   class="TitleDiv"><table width="100%" height="22" border="0" cellpadding="0" cellspacing="0">   <tr>     <td width="14%" class="leftTitle">總體：</td>     <td width="89%" class="TitleLine">     &nbsp;<a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents13','總體:','contentThirteen','3')">感覺不錯</a>     &nbsp;<a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents13','總體:','contentThirteen','3')">感覺酒店非常適合商務</a>     &nbsp;<a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents13','總體:','contentThirteen','3')">適合旅游</a>     &nbsp;<a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents13','總體:','contentThirteen','3')">很有情調</a>     &nbsp;<a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents13','總體:','contentThirteen','3')">希望下次還住</a>     &nbsp;<a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents13','總體:','contentThirteen','3')">感覺一般</a>     </td>   </tr> </table> </div> <div   id="ublnpf9mb"   class="ContentDiv"> <div   id="ublnpf9mb"   class="Content1" style="display:none;" id="contentOne"><span id="LaterContents1"></span></div> <div   id="ublnpf9mb"   class="Content1" style="display:none;" id="contentTwo"><span id="LaterContents2"></span></div> <div   id="ublnpf9mb"   class="Content1" style="display:none;" id="contentThree"><span id="LaterContents3"></span></div> <div   id="ublnpf9mb"   class="Content1" style="display:none;" id="contentFour"><span id="LaterContents4"></span></div> <div   id="ublnpf9mb"   class="Content1" style="display:none;" id="contentFive"><span id="LaterContents5"></span></div> <div   id="ublnpf9mb"   class="Content1" style="display:none;" id="contentSix"><span id="LaterContents6"></span></div> <div   id="ublnpf9mb"   class="Content1" style="display:none;" id="contentSeven"><span id="LaterContents7"></span></div> <div   id="ublnpf9mb"   class="Content1" style="display:none;" id="contentEight"><span id="LaterContents8"></span></div> <div   id="ublnpf9mb"   class="Content1" style="display:none;" id="contentNine"><span id="LaterContents9"></span></div> <div   id="ublnpf9mb"   class="Content1" style="display:none;" id="contentTen"><span id="LaterContents10"></span></div> <div   id="ublnpf9mb"   class="Content1" style="display:none;" id="contentEleven"><span id="LaterContents11"></span></div> <div   id="ublnpf9mb"   class="Content1" style="display:none;" id="contentTwelve"><span id="LaterContents12"></span></div> <div   id="ublnpf9mb"   class="Content1" style="display:none;" id="contentThirteen"><span id="LaterContents13"></span></div> <div   id="ublnpf9mb"   class="Content1" style="display:none;" id="contentSumbit"><input name="" type="button" value=" 加入 " /></div> </div> <textarea cols="50" id="SScontent" rows="10"></textarea> </div> </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]