选择与取消选择不错的应用 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> <script type="text/javascript"> var cType="",N; function getMoban(cc,laterContent,ftitle,sdiv,wz) { document.getElementById("contentSumbit").style.display=""; for(i=1;i<14;i++) { var sLaterContent=(document.getElementById("SScontent").value).indexOf(document.getElementById("LaterContents"+i).innerText); if(sLaterContent!=(-1)) {var TTcontent=(document.getElementById("SScontent").value).replace(document.getElementById("LaterContents"+i).innerText,""); document.getElementById("SScontent").value=TTcontent;} } if((cType=="")||ftitle!=cType) {N=0;cType=ftitle;} document.getElementById(sdiv).style.display=""; var FirstContent=document.getElementById(laterContent).innerText; var s=FirstContent.indexOf(cc); //alert(s); if(N==0){ if(s==(-1)) {document.getElementById(laterContent).innerText=ftitle;document.getElementById(laterContent).innerText+=(","+cc);N=1;} else { if(s==wz)var ss=FirstContent.replace(cc,""); else var ss=FirstContent.replace(","+cc,""); document.getElementById(laterContent).innerText=ss; document.getElementById(laterContent).innerText+=(","+cc);} } else{ if(s==(-1)) {document.getElementById(laterContent).innerText+=(","+cc);} else { if(s==wz)var ss=FirstContent.replace(cc,""); else var ss=FirstContent.replace(","+cc,""); document.getElementById(laterContent).innerText+=(","+cc);document.getElementById(laterContent).innerText=ss;} } var Lc=(document.getElementById(laterContent).innerText.replace(/:,/g,":")).replace(/,{2,}/g,","); document.getElementById(laterContent).innerText=Lc; if(document.getElementById(laterContent).innerText==ftitle) {document.getElementById(laterContent).innerText="";document.getElementById(sdiv).style.display="none";cType="";} var sLaterContent=document.getElementById("SScontent").value; for(i=1;i<14;i++) { if((document.getElementById("LaterContents"+i).innerText)!="") document.getElementById("SScontent").value+=(document.getElementById("LaterContents"+i).innerText)+"\n"; } //document.write(document.getElementById("SScontent").value); var TffContent=(((document.getElementById("SScontent").value).replace(/;/g,"")).replace(/(\r\n)+/,"\r\n")).replace(/^\r\n/,""); document.getElementById("SScontent").value=TffContent; } </script> </head> <body> <div class="ybScontainer"> <div 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 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 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')">务生态度很好</a>     &nbsp;<a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents3','登记:','contentThree','3')">效率不是很高</a></td>   </tr> </table> </div> <div 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')">现代</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 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 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 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')">细节上面还有待加强</a>     </td>   </tr> </table> </div> <div 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 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 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 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 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')">商业氛围比较好</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')">风景优美</a>     </td>   </tr> </table> </div> <div 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 class="ContentDiv"> <div class="Content1" style="display:none;" id="contentOne"><span id="LaterContents1"></span></div> <div class="Content1" style="display:none;" id="contentTwo"><span id="LaterContents2"></span></div> <div class="Content1" style="display:none;" id="contentThree"><span id="LaterContents3"></span></div> <div class="Content1" style="display:none;" id="contentFour"><span id="LaterContents4"></span></div> <div class="Content1" style="display:none;" id="contentFive"><span id="LaterContents5"></span></div> <div class="Content1" style="display:none;" id="contentSix"><span id="LaterContents6"></span></div> <div class="Content1" style="display:none;" id="contentSeven"><span id="LaterContents7"></span></div> <div class="Content1" style="display:none;" id="contentEight"><span id="LaterContents8"></span></div> <div class="Content1" style="display:none;" id="contentNine"><span id="LaterContents9"></span></div> <div class="Content1" style="display:none;" id="contentTen"><span id="LaterContents10"></span></div> <div class="Content1" style="display:none;" id="contentEleven"><span id="LaterContents11"></span></div> <div class="Content1" style="display:none;" id="contentTwelve"><span id="LaterContents12"></span></div> <div class="Content1" style="display:none;" id="contentThirteen"><span id="LaterContents13"></span></div> <div 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需再刷新一下页面才能执行]

javascript 定时器工作原理分析
说到 javascript 中的定时器，我们肯定会想到 setTimeout() 和 setInterval() 这两个函数。本文将从事件循环（Event Loop）的角度来分析两者的工作原理和区别
2016-12-12
使用postMesssage()实现跨域iframe页面间的信息传递方法
下面小编就为大家带来一篇使用postMesssage()实现跨域iframe页面间的信息传递方法。小编觉得挺不错的，现在分享给大家，也给大家一个参考。一起跟随小编过来看看吧
2016-03-03
JavaScript实现强制重定向至HTTPS页面
这篇文章主要介绍了JavaScript实现强制重定向至HTTPS页面,本文讲解如何用JS实现HTTP重定向HTTPS或者HTTPS跳转到HTTP,需要的朋友可以参考下
2015-06-06
iframe一次下载多个文件实例
这篇文章主要为大家介绍了iframe一次下载多个文件实现示例，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-01-01
JavaScript中blob对象和file对象的区别及相互转换实例
在JavaScript中,File和Blob是Web API提供的两个重要对象,用于处理文件和二进制数据,这篇文章主要介绍了JavaScript中blob对象和file对象的区别及相互转换的相关资料,需要的朋友可以参考下
2025-04-04
JS获取input file绝对路径的方法(推荐)
下面小编就为大家带来一篇JS获取input file绝对路径的方法(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-08-08
js数组删除问题(splice和delete的用法)
这篇文章主要介绍了js数组删除问题(splice和delete的用法)，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2023-02-02
JavaScript实现向右伸出的多级网页菜单效果
这篇文章主要介绍了JavaScript实现向右伸出的多级网页菜单效果,通过javascript调用页面元素属性的动态改变实现向右展开菜单效果,具有一定参考借鉴价值,需要的朋友可以参考下
2015-08-08
JavaScript通过filereader接口读取文件
这篇文章主要为大家详细介绍了通过filereader接口读取文件，使用readAsDataURL方法预览图片的相关方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-05-05
js获取对象、数组的实际长度,元素实际个数的实现代码
下面小编就为大家带来一篇js获取对象、数组的实际长度,元素实际个数的实现代码。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-06-06

选择与取消选择不错的应用 js

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具