登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

樱之花

叶散的时候,你明白欢聚;花谢的时候,你明白青春.

 
 
 

日志

 
 
关于我

分类中“我的实验室”是我在日常工作中的一些知识总结,有些写的比较匆忙,可能大家在阅读时会产生困扰,后期有时间我会重新整理编辑,谢谢大家的到访,您们的支持是我前进的动力!

js切换表格和判断表格内容是否完整(javascript)  

2007-09-11 14:56:46|  分类: JS程式 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

<style>
#div1,#div2,#div3
{
 float:left;
 margin-left:0px;
 margin-top:0px;
 position:absolute;
}
</style>
<input type="button" value="提交" onclick="chkform();">
<div>
<div id="div1">
<table id="tbl1">
<tr><td><input type="text" value="" id="ipt"><a href="javascript:tbl('1');"><font color=red>11111</font></a> <a href="javascript:tbl('2');">22222</a> <a href="javascript:tbl('3');">33333</a></td></tr>
</table>
</div>

<div id="div2">
<table id="tbl2">
<tr><td><a href="javascript:tbl('1');">11111</a> <a href="javascript:tbl('2');"><font color=red>22222</font></a> <a href="javascript:tbl('3');">33333</a></td></tr>
</table>
</div>

<div id="div3">
<table id="tbl3">
<tr><td><a href="javascript:tbl('1');">11111</a> <a href="javascript:tbl('2');">22222</a> <a href="javascript:tbl('3');"><font color=red>33333</font></a></td></tr>
</table>
</div>
</div>

<script lanugage="javascript">
document.all.div2.style.visibility = "hidden";
document.all.div3.style.visibility = "hidden";

function tbl(sVal)
{
 for(var i=1;i<=3;i++)
 {
  if(i==sVal)
  {
   eval('document.all.div' + sVal).style.visibility = "visible"; 
  }
  else
  {
   eval('document.all.div' + i).style.visibility = "hidden"; 
  }  
 }
}
function chkform()
{
 if(document.all.ipt.value=="")
 {
  tbl("1");
  alert("请输入内容!");
  return false;
 }
}
</script>

  评论这张
 
阅读(656)| 评论(0)

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018