资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
选择与取消选择不错的应用 js
<!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> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20type%3D%22text%2Fjavascript%22%3E%20%0D%0Avar%20cType%3D%22%22%2CN%3B%20%0D%0Afunction%20getMoban(cc%2ClaterContent%2Cftitle%2Csdiv%2Cwz)%20%0D%0A%7B%20%0D%0A%0D%0Adocument.getElementById(%22contentSumbit%22).style.display%3D%22%22%3B%20%0D%0Afor(i%3D1%3Bi%3C14%3Bi%2B%2B)%20%0D%0A%7B%20%0D%0Avar%20sLaterContent%3D(document.getElementById(%22SScontent%22).value).indexOf(document.getElementById(%22LaterContents%22%2Bi).innerText)%3B%20%0D%0Aif(sLaterContent!%3D(-1))%20%0D%0A%7Bvar%20TTcontent%3D(document.getElementById(%22SScontent%22).value).replace(document.getElementById(%22LaterContents%22%2Bi).innerText%2C%22%22)%3B%20%0D%0Adocument.getElementById(%22SScontent%22).value%3DTTcontent%3B%7D%20%0D%0A%7D%20%0D%0Aif((cType%3D%3D%22%22)%7C%7Cftitle!%3DcType)%20%7BN%3D0%3BcType%3Dftitle%3B%7D%20%0D%0Adocument.getElementById(sdiv).style.display%3D%22%22%3B%20%0D%0Avar%20FirstContent%3Ddocument.getElementById(laterContent).innerText%3B%20%0D%0Avar%20s%3DFirstContent.indexOf(cc)%3B%20%0D%0A%2F%2Falert(s)%3B%20%0D%0Aif(N%3D%3D0)%7B%20%0D%0Aif(s%3D%3D(-1))%20%0D%0A%7Bdocument.getElementById(laterContent).innerText%3Dftitle%3Bdocument.getElementById(laterContent).innerText%2B%3D(%22%2C%22%2Bcc)%3BN%3D1%3B%7D%20%0D%0Aelse%20%0D%0A%7B%20%0D%0Aif(s%3D%3Dwz)var%20ss%3DFirstContent.replace(cc%2C%22%22)%3B%20%0D%0Aelse%20var%20ss%3DFirstContent.replace(%22%2C%22%2Bcc%2C%22%22)%3B%20%0D%0Adocument.getElementById(laterContent).innerText%3Dss%3B%20%0D%0Adocument.getElementById(laterContent).innerText%2B%3D(%22%2C%22%2Bcc)%3B%7D%20%0D%0A%7D%20%0D%0Aelse%7B%20%0D%0Aif(s%3D%3D(-1))%20%0D%0A%7Bdocument.getElementById(laterContent).innerText%2B%3D(%22%2C%22%2Bcc)%3B%7D%20%0D%0Aelse%20%0D%0A%7B%20%0D%0Aif(s%3D%3Dwz)var%20ss%3DFirstContent.replace(cc%2C%22%22)%3B%20%0D%0Aelse%20var%20ss%3DFirstContent.replace(%22%2C%22%2Bcc%2C%22%22)%3B%20%0D%0A%0D%0Adocument.getElementById(laterContent).innerText%2B%3D(%22%2C%22%2Bcc)%3Bdocument.getElementById(laterContent).innerText%3Dss%3B%7D%20%0D%0A%7D%20%0D%0Avar%20Lc%3D(document.getElementById(laterContent).innerText.replace(%2F%3A%2C%2Fg%2C%22%3A%22)).replace(%2F%2C%7B2%2C%7D%2Fg%2C%22%2C%22)%3B%20%0D%0Adocument.getElementById(laterContent).innerText%3DLc%3B%20%0D%0Aif(document.getElementById(laterContent).innerText%3D%3Dftitle)%20%0D%0A%7Bdocument.getElementById(laterContent).innerText%3D%22%22%3Bdocument.getElementById(sdiv).style.display%3D%22none%22%3BcType%3D%22%22%3B%7D%20%0D%0Avar%20sLaterContent%3Ddocument.getElementById(%22SScontent%22).value%3B%20%0D%0Afor(i%3D1%3Bi%3C14%3Bi%2B%2B)%20%0D%0A%7B%20%0D%0Aif((document.getElementById(%22LaterContents%22%2Bi).innerText)!%3D%22%22)%20%0D%0Adocument.getElementById(%22SScontent%22).value%2B%3D(document.getElementById(%22LaterContents%22%2Bi).innerText)%2B%22%5Cn%22%3B%20%0D%0A%7D%20%0D%0A%2F%2Fdocument.write(document.getElementById(%22SScontent%22).value)%3B%20%0D%0Avar%20TffContent%3D(((document.getElementById(%22SScontent%22).value).replace(%2F%3B%2Fg%2C%22%22)).replace(%2F(%5Cr%5Cn)%2B%2F%2C%22%5Cr%5Cn%22)).replace(%2F%5E%5Cr%5Cn%2F%2C%22%22)%3B%20%0D%0A%0D%0Adocument.getElementById(%22SScontent%22).value%3DTffContent%3B%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E"> </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"> <a class="mobanS" href="javascript:void(0)" _ewebeditor_ta_href="javascript%3Avoid(0)" onclick="getMoban(this.innerText,'LaterContents1','外观:','contentOne','3')">宏伟</a> <a class="mobanS" href="javascript:void(0)" _ewebeditor_ta_href="javascript%3Avoid(0)" onclick="getMoban(this.innerText,'LaterContents1','外观:','contentOne','3')">明亮</a> <a class="mobanS" href="javascript:void(0)" _ewebeditor_ta_href="javascript%3Avoid(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"> <a class="mobanS" href="javascript:void(0)" _ewebeditor_ta_href="javascript%3Avoid(0)" onclick="getMoban(this.innerText,'LaterContents2','大堂:','contentTwo','3')">非常气派</a> <a class="mobanS" href="javascript:void(0)" _ewebeditor_ta_href="javascript%3Avoid(0)" onclick="getMoban(this.innerText,'LaterContents2','大堂:','contentTwo','3')">一般</a> <a class="mobanS" href="javascript:void(0)" _ewebeditor_ta_href="javascript%3Avoid(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"> <a class="mobanS" href="javascript:void(0)" _ewebeditor_ta_href="javascript%3Avoid(0)" onclick="getMoban(this.innerText,'LaterContents3','登记:','contentThree','3')">速度很快</a> <a class="mobanS" href="javascript:void(0)" _ewebeditor_ta_href="javascript%3Avoid(0)" onclick="getMoban(this.innerText,'LaterContents3','登记:','contentThree','3')">务生态度很好</a> <a class="mobanS" href="javascript:void(0)" _ewebeditor_ta_href="javascript%3Avoid(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"> <a class="mobanS" href="javascript:void(0)" _ewebeditor_ta_href="javascript%3Avoid(0)" onclick="getMoban(this.innerText,'LaterContents4','风格:','contentFour','3')">欧式</a> <a class="mobanS" href="javascript:void(0)" _ewebeditor_ta_href="javascript%3Avoid(0)" onclick="getMoban(this.innerText,'LaterContents4','风格:','contentFour','3')">日式</a> <a class="mobanS" href="javascript:void(0)" _ewebeditor_ta_href="javascript%3Avoid(0)" onclick="getMoban(this.innerText,'LaterContents4','风格:','contentFour','3')">中式</a> <a class="mobanS" href="javascript:void(0)" _ewebeditor_ta_href="javascript%3Avoid(0)" onclick="getMoban(this.innerText,'LaterContents4','风格:','contentFour','3')">现代</a> <a class="mobanS" href="javascript:void(0)" _ewebeditor_ta_href="javascript%3Avoid(0)" onclick="getMoban(this.innerText,'LaterContents4','风格:','contentFour','3')">典雅</a> <a class="mobanS" href="javascript:void(0)" _ewebeditor_ta_href="javascript%3Avoid(0)" onclick="getMoban(this.innerText,'LaterContents4','风格:','contentFour','3')">温馨</a> <a class="mobanS" href="javascript:void(0)" _ewebeditor_ta_href="javascript%3Avoid(0)" onclick="getMoban(this.innerText,'LaterContents4','风格:','contentFour','3')">是我喜欢的</a> <a class="mobanS" href="javascript:void(0)" _ewebeditor_ta_href="javascript%3Avoid(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"> <a class="mobanS" href="javascript:void(0)" _ewebeditor_ta_href="javascript%3Avoid(0)" onclick="getMoban(this.innerText,'LaterContents5','硬件:','contentFive','3')">很高档</a> <a class="mobanS" href="javascript:void(0)" _ewebeditor_ta_href="javascript%3Avoid(0)" onclick="getMoban(this.innerText,'LaterContents5','硬件:','contentFive','3')">一般</a> <a class="mobanS" href="javascript:void(0)" _ewebeditor_ta_href="javascript%3Avoid(0)" onclick="getMoban(this.innerText,'LaterContents5','硬件:','contentFive','3')">比较差</a> <a class="mobanS" href="javascript:void(0)" _ewebeditor_ta_href="javascript%3Avoid(0)" onclick="getMoban(this.innerText,'LaterContents5','硬件:','contentFive','3')">不符合它的星级标准</a> <a class="mobanS" href="javascript:void(0)" _ewebeditor_ta_href="javascript%3Avoid(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"> <a class="mobanS" href="javascript:void(0)" _ewebeditor_ta_href="javascript%3Avoid(0)" onclick="getMoban(this.innerText,'LaterContents6','装修:','contentSix','3')">比较新</a> <a class="mobanS" href="javascript:void(0)" _ewebeditor_ta_href="javascript%3Avoid(0)" onclick="getMoban(this.innerText,'LaterContents6','装修:','contentSix','3')">豪华</a> <a class="mobanS" href="javascript:void(0)" _ewebeditor_ta_href="javascript%3Avoid(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"> <a class="mobanS" href="javascript:void(0)" _ewebeditor_ta_href="javascript%3Avoid(0)" onclick="getMoban(this.innerText,'LaterContents7','服务:','contentSeven','3')">一般</a> <a class="mobanS" href="javascript:void(0)" _ewebeditor_ta_href="javascript%3Avoid(0)" onclick="getMoban(this.innerText,'LaterContents7','服务:','contentSeven','3')">很周到</a> <a class="mobanS" href="javascript:void(0)" _ewebeditor_ta_href="javascript%3Avoid(0)" onclick="getMoban(this.innerText,'LaterContents7','服务:','contentSeven','3')">很热情</a> <a class="mobanS" href="javascript:void(0)" _ewebeditor_ta_href="javascript%3Avoid(0)" onclick="getMoban(this.innerText,'LaterContents7','服务:','contentSeven','3')">乏善可陈</a> <a class="mobanS" href="javascript:void(0)" _ewebeditor_ta_href="javascript%3Avoid(0)" onclick="getMoban(this.innerText,'LaterContents7','服务:','contentSeven','3')">不够细致</a> <a class="mobanS" href="javascript:void(0)" _ewebeditor_ta_href="javascript%3Avoid(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"> <a class="mobanS" href="javascript:void(0)" _ewebeditor_ta_href="javascript%3Avoid(0)" onclick="getMoban(this.innerText,'LaterContents8','早餐:','contentEight','3')">不错</a> <a class="mobanS" href="javascript:void(0)" _ewebeditor_ta_href="javascript%3Avoid(0)" onclick="getMoban(this.innerText,'LaterContents8','早餐:','contentEight','3')">比较简单</a> <a class="mobanS" href="javascript:void(0)" _ewebeditor_ta_href="javascript%3Avoid(0)" onclick="getMoban(this.innerText,'LaterContents8','早餐:','contentEight','3')">价格高</a> <a class="mobanS" href="javascript:void(0)" _ewebeditor_ta_href="javascript%3Avoid(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"> <a class="mobanS" href="javascript:void(0)" _ewebeditor_ta_href="javascript%3Avoid(0)" onclick="getMoban(this.innerText,'LaterContents9','商务性:','contentNine','4')">比较高</a> <a class="mobanS" href="javascript:void(0)" _ewebeditor_ta_href="javascript%3Avoid(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"> <a class="mobanS" href="javascript:void(0)" _ewebeditor_ta_href="javascript%3Avoid(0)" onclick="getMoban(this.innerText,'LaterContents10','停车:','contentTen','3')">比较方便</a> <a class="mobanS" href="javascript:void(0)" _ewebeditor_ta_href="javascript%3Avoid(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"> <a class="mobanS" href="javascript:void(0)" _ewebeditor_ta_href="javascript%3Avoid(0)" onclick="getMoban(this.innerText,'LaterContents11','地理位置:','contentEleven','5')">靠近市中心</a> <a class="mobanS" href="javascript:void(0)" _ewebeditor_ta_href="javascript%3Avoid(0)" onclick="getMoban(this.innerText,'LaterContents11','地理位置:','contentEleven','5')">近机场</a> <a class="mobanS" href="javascript:void(0)" _ewebeditor_ta_href="javascript%3Avoid(0)" onclick="getMoban(this.innerText,'LaterContents11','地理位置:','contentEleven','5')">比较好</a> <a class="mobanS" href="javascript:void(0)" _ewebeditor_ta_href="javascript%3Avoid(0)" onclick="getMoban(this.innerText,'LaterContents11','地理位置:','contentEleven','5')">交通比较方便</a> <a class="mobanS" href="javascript:void(0)" _ewebeditor_ta_href="javascript%3Avoid(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"> <a class="mobanS" href="javascript:void(0)" _ewebeditor_ta_href="javascript%3Avoid(0)" onclick="getMoban(this.innerText,'LaterContents12','附近:','contentTwelve','3')">有很多不错的餐厅</a> <a class="mobanS" href="javascript:void(0)" _ewebeditor_ta_href="javascript%3Avoid(0)" onclick="getMoban(this.innerText,'LaterContents12','附近:','contentTwelve','3')">商业氛围比较好</a> <a class="mobanS" href="javascript:void(0)" _ewebeditor_ta_href="javascript%3Avoid(0)" onclick="getMoban(this.innerText,'LaterContents12','附近:','contentTwelve','3')">比较安静</a> <a class="mobanS" href="javascript:void(0)" _ewebeditor_ta_href="javascript%3Avoid(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"> <a class="mobanS" href="javascript:void(0)" _ewebeditor_ta_href="javascript%3Avoid(0)" onclick="getMoban(this.innerText,'LaterContents13','总体:','contentThirteen','3')">感觉不错</a> <a class="mobanS" href="javascript:void(0)" _ewebeditor_ta_href="javascript%3Avoid(0)" onclick="getMoban(this.innerText,'LaterContents13','总体:','contentThirteen','3')">感觉酒店非常适合商务</a> <a class="mobanS" href="javascript:void(0)" _ewebeditor_ta_href="javascript%3Avoid(0)" onclick="getMoban(this.innerText,'LaterContents13','总体:','contentThirteen','3')">适合旅游</a> <a class="mobanS" href="javascript:void(0)" _ewebeditor_ta_href="javascript%3Avoid(0)" onclick="getMoban(this.innerText,'LaterContents13','总体:','contentThirteen','3')">很有情调</a> <a class="mobanS" href="javascript:void(0)" _ewebeditor_ta_href="javascript%3Avoid(0)" onclick="getMoban(this.innerText,'LaterContents13','总体:','contentThirteen','3')">希望下次还住</a> <a class="mobanS" href="javascript:void(0)" _ewebeditor_ta_href="javascript%3Avoid(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需刷新才能执行
]
教程首页
更多教程