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

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 选择与取消选择不错的应用 js

Javascript: js支持158、159开头的手机号的验证; javascript学习网址备忘; JScript的条件编译; [原创]站长必须要知道的javascript广告代码; js实现的点击超链显示隐藏层; JCalendar 日历控件 v1.0 beta[兼容IE&Firefox] 有文档和例子; JavaScript 不只是脚本; 把JS与CSS写在同一个文件里的书写方法; Javascript & DHTML 实例编程（教程）基础知识; Javascript & DHTML 实例编程（教程）DOM基础和基本API; javascript实现的一个图片转移效果; 用js实现键盘方向键翻页功能的代码; js实现DIV的一些简单控制; 用CSS+JS实现的进度条效果效果; 爱恋千雪-US-AscII加密解密工具（网页加密）下载; 用javascript实现始终保持打开同一个子窗口以及关闭父窗口同时自动关闭所有子窗口; 非常不错的页面特效建议大家看下; javascript Zifa FormValid 0.1表单验证代码打包下载; 实现javascript的延期执行或者重复执行的两个函数; 推荐一个不错的图片浏览效果

No. « ‹ 69 70 71 72 › »

技术文章搜索

关键字

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

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 130 ::

收藏到网摘: n/a

JavaScript方法和技巧大全 javascript中对对层的控制

点击运行可以看到效果:

<!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"> <a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents1','外观:','contentOne','3')">宏伟</a> <a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents1','外观:','contentOne','3')">明亮</a> <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"> <a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents2','大堂:','contentTwo','3')">非常气派</a> <a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents2','大堂:','contentTwo','3')">一般</a> <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"> <a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents3','登记:','contentThree','3')">速度很快</a> <a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents3','登记:','contentThree','3')">务生态度很好</a> <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"> <a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents4','风格:','contentFour','3')">欧式</a> <a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents4','风格:','contentFour','3')">日式</a> <a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents4','风格:','contentFour','3')">中式</a> <a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents4','风格:','contentFour','3')">现代</a> <a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents4','风格:','contentFour','3')">典雅</a> <a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents4','风格:','contentFour','3')">温馨</a> <a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents4','风格:','contentFour','3')">是我喜欢的</a> <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"> <a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents5','硬件:','contentFive','3')">很高档</a> <a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents5','硬件:','contentFive','3')">一般</a> <a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents5','硬件:','contentFive','3')">比较差</a> <a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents5','硬件:','contentFive','3')">不符合它的星级标准</a> <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"> <a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents6','装修:','contentSix','3')">比较新</a> <a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents6','装修:','contentSix','3')">豪华</a> <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"> <a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents7','服务:','contentSeven','3')">一般</a> <a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents7','服务:','contentSeven','3')">很周到</a> <a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents7','服务:','contentSeven','3')">很热情</a> <a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents7','服务:','contentSeven','3')">乏善可陈</a> <a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents7','服务:','contentSeven','3')">不够细致</a> <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"> <a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents8','早餐:','contentEight','3')">不错</a> <a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents8','早餐:','contentEight','3')">比较简单</a> <a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents8','早餐:','contentEight','3')">价格高</a> <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"> <a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents9','商务性:','contentNine','4')">比较高</a> <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"> <a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents10','停车:','contentTen','3')">比较方便</a> <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"> <a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents11','地理位置:','contentEleven','5')">靠近市中心</a> <a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents11','地理位置:','contentEleven','5')">近机场</a> <a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents11','地理位置:','contentEleven','5')">比较好</a> <a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents11','地理位置:','contentEleven','5')">交通比较方便</a> <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"> <a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents12','附近:','contentTwelve','3')">有很多不错的餐厅</a> <a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents12','附近:','contentTwelve','3')">商业氛围比较好</a> <a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents12','附近:','contentTwelve','3')">比较安静</a> <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"> <a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents13','总体:','contentThirteen','3')">感觉不错</a> <a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents13','总体:','contentThirteen','3')">感觉酒店非常适合商务</a> <a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents13','总体:','contentThirteen','3')">适合旅游</a> <a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents13','总体:','contentThirteen','3')">很有情调</a> <a class="mobanS" href="javascript:void(0)" onclick="getMoban(this.innerText,'LaterContents13','总体:','contentThirteen','3')">希望下次还住</a> <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 全选提示:你可先修改部分代码,再按运行]

JavaScript方法和技巧大全 javascript中对对层的控制

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

评论 (0) All

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