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

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

总结一下 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" onclick="changeOracle();" />

       

     </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>
TEST
相关阅读:
递归深拷贝
 js 基础复习（0）
js数组冒泡排序，快速排序的原理以及实现
 .sass 和 .scss 区别
 ionic2-从搭建环境说起
 Unity3d截图保存到Android相册的实现
 总是要总结一年的工作（写给自己和想要从技术创业开公司的朋友们）
初入职场(插曲-如何更称职的工作)
初入职场(插曲-你的成长代价)
初入职场(面试)
原文地址：https://www.cnblogs.com/pony/p/1454040.html

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

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