点击表格行(学生姓名)时显示对应的层(学生信息)，当点击其他行时原层的隐藏有关问题
程序员文章站
2024-02-14 19:02:46
...
点击表格行(学生姓名)时显示对应的层(学生信息)，当点击其他行时原层的隐藏问题
效果：点击表格行(学生姓名)时显示对应的层(学生信息)，当点击其他行时原层隐藏，显示其对应的层。
问题：表格中有onclick可以实现显示层，如何做出类似onblur失去焦点时隐藏层的操作。
代码：
JavaScript：
表格：
层：
说明：之前使用单选按钮组，onclick时ShowChosen()，onblur时HideChosen()，但是又想有表格的效果，而且单选按钮也无法隐藏掉；
原本的思路是在selectRow()中，当行没被点中时用HideChosen()的，但是HideChosen();是用不了的，括号里面值的问题。
非常感谢！
------解决方案--------------------
怎么不用jquery写呢
效果：点击表格行(学生姓名)时显示对应的层(学生信息)，当点击其他行时原层隐藏，显示其对应的层。
问题：表格
代码：
JavaScript：
- JScript code
function ShowChosen(divID){
divID.style.display='block';
div=divID;
}
function selectRow(rowID)
{
var tStu = document.getElementById("tblStudent")
for(var i=0;i
表格：
- HTML code
层：
- HTML code
说明：之前使用单选按钮组，onclick时ShowChosen()，onblur时HideChosen()，但是又想有表格的效果，而且单选按钮也无法隐藏掉；
原本的思路是在selectRow()中，当行没被点中时用HideChosen()的，但是HideChosen();是用不了的，括号里面值的问题。
非常感谢！
------解决方案--------------------
怎么不用jquery写呢
声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。
相关文章
相关视频
- 关于中英数字混的字串符分割问题_PHP教程
- 应用PHP标签模板实现什么任务_PHP教程
- php入门教程 精简版_PHP教程
- require(),include(),requi...
- 点击表格行(学生姓名)时显示对应的层(学生信息)...
- HTML基础教程之<strong>和<em>
- HTML基础教程之<span>标签
- HTML基础教程之<meta>标签
- HTML <div> 和<span>
- multiple backgrounds多背景
专题推荐
-
独孤九贱-php全栈开发教程
全栈 170W+
主讲：Peter-Zhu 轻松幽默、简短易学，非常适合PHP学习入门
-
玉女心经-web前端开发教程
入门 80W+
主讲：灭绝师太 由浅入深、明快简洁，非常适合前端学习入门
-
天龙八部-实战开发教程
实战 120W+
主讲：西门大官人 思路清晰、严谨规范，适合有一定web编程基础学习
作者信息
- 最新文章
- 热门排行
网友评论
文明上网理性发言，请遵守 新闻评论服务协议
我要评论