欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  后端开发

点击表格行(学生姓名)时显示对应的层(学生信息),当点击其他行时原层的隐藏有关问题

程序员文章站 2024-02-19 17:23:52
...
点击表格行(学生姓名)时显示对应的层(学生信息),当点击其他行时原层的隐藏问题
效果:点击表格行(学生姓名)时显示对应的层(学生信息),当点击其他行时原层隐藏,显示其对应的层。
问题:表格中有onclick可以实现显示层,如何做出类似onblur失去焦点时隐藏层的操作。
代码:
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核实处理。

相关文章

相关视频


网友评论

文明上网理性发言,请遵守 新闻评论服务协议

我要评论
  • 点击表格行(学生姓名)时显示对应的层(学生信息),当点击其他行时原层的隐藏有关问题
  • 专题推荐

    作者信息
    点击表格行(学生姓名)时显示对应的层(学生信息),当点击其他行时原层的隐藏有关问题

    认证0级讲师

    推荐视频教程
  • 点击表格行(学生姓名)时显示对应的层(学生信息),当点击其他行时原层的隐藏有关问题javascript初级视频教程
  • 点击表格行(学生姓名)时显示对应的层(学生信息),当点击其他行时原层的隐藏有关问题jquery 基础视频教程
  • 视频教程分类