html中点击 checkbox (radio也可以) 隐藏tr 或展现tr

最新推荐文章于 2021-06-03 17:51:14 发布

三世

最新推荐文章于 2021-06-03 17:51:14 发布

阅读量173

点赞数

分类专栏：技术总结文章标签： HTML Oracle JavaScript ViewUI

本文链接：https://blog.csdn.net/qimo601/article/details/83367523

版权

技术总结专栏收录该内容

62 篇文章 4 订阅

订阅专栏

总结一下 html中的隐藏tr的 javascript 方法

-----------------------源码 -----------------------------------

<html>
<head>
  
   <title>点击checkbox 隐藏 展现 某行</title>
<script>
     function changeOracle(){
       
        document.getElementById("oracle1").style.display = (document.getElementById("oracle1").style.display=="")?"none":"";
       document.getElementById("oracle2").style.display = (document.getElementById("oracle2").style.display=="")?"none":"";
       }
       
</script>
</head>
<body>
   <table>
    <tr>
     <td >
      是否安装Oracle服务器：
     </td>
     <td>
      <input type="checkbox" id="oracle" name="oracle" value="1" οnclick="changeOracle();" />
      &nbsp;
     </td>
     <td ></td>
     <td ></td>
    </tr>
    <tr id="oracle1" style="display:none;">
     <td >
      Oracle用户名：
     </td>
     <td >
     <input type = "text" name = "oracleUsername"/>
     </td>
     <td>
      Oracle密码：
     </td>
     <td >
      <input type = "text" name = "oraclePassword"/>
     </td>
    </tr>
    <tr id="oracle2" style="display:none;">
     <td>
      Oracle全局数据库名：
     </td>
     <td >
      <input type = "text" name = "oracleDbName"/>
     </td>
     <td ></td>
     <td ></td>
    </tr>
   </table>
</body>
</html>

三世

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html中点击 checkbox (radio也可以) 隐藏tr 或展现tr

总结一下 html中的隐藏tr的 javascript 方法-----------------------源码 -----------------------------------&lt;html&gt;&lt;head&gt; &lt;title&gt;点击checkbox 隐藏展现某行&lt;/title&gt;&lt;script&gt; functi...
复制链接

扫一扫