点击表格行(学生姓名)时显示对应的层(学生信息),当点击其他行时原层的隐藏有关问题
程序员文章站
2024-02-19 17:23:52
...
点击表格行(学生姓名)时显示对应的层(学生信息),当点击其他行时原层的隐藏问题
效果:点击表格行(学生姓名)时显示对应的层(学生信息),当点击其他行时原层隐藏,显示其对应的层。
问题:表格中有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写呢
相关文章
相关视频
- 关于中英数字混的字串符分割问题_PHP教程
- 应用PHP标签模板实现什么任务_PHP教程
- php入门教程 精简版_PHP教程
- php4的session功能评述(三)_PHP教程
- 点击表格行(学生姓名)时显示对应的层(学生信息)...
- HTML基础教程之<strong>和<em>
- HTML基础教程之<span>标签
- HTML基础教程之<meta>标签
- HTML <div> 和<span>
- multiple backgrounds多背景
专题推荐
-
独孤九贱-php全栈开发教程
全栈 170W+
主讲:Peter-Zhu 轻松幽默、简短易学,非常适合PHP学习入门
-
玉女心经-web前端开发教程
入门 80W+
主讲:灭绝师太 由浅入深、明快简洁,非常适合前端学习入门
-
天龙八部-实战开发教程
实战 120W+
主讲:西门大官人 思路清晰、严谨规范,适合有一定web编程基础学习
- 最新文章
- 热门排行
网友评论
文明上网理性发言,请遵守 新闻评论服务协议
我要评论