jsp頁面中點選（checkbox）或者radio隱藏tr

Rachel_fun發表於2014-04-10
JS
  1. <html>  
  2. <head>  
  3.     
  4.    <title>點選checkbox 隱藏 展現 某行</title>  
  5. <script>  
  6.      function changeOracle(){  
  7.          
  8.         document.getElementById("oracle1").style.display = (document.getElementById("oracle1").style.display=="")?"none":"";  
  9.        document.getElementById("oracle2").style.display = (document.getElementById("oracle2").style.display=="")?"none":"";  
  10.        }  
  11.          
  12. </script>  
  13. </head>  
  14. <body>  
  15.    <table>  
  16.     <tr>  
  17.      <td >  
  18.       是否安裝Oracle伺服器：  
  19.      </td>  
  20.      <td>  
  21.       <input type="checkbox" id="oracle" name="oracle" value="1" onclick="changeOracle();" />  
  22.       &nbsp;  
  23.      </td>  
  24.      <td ></td>  
  25.      <td ></td>  
  26.     </tr>  
  27.     <tr id="oracle1" style="display:none;">  
  28.      <td >  
  29.       Oracle使用者名稱：  
  30.      </td>  
  31.      <td >  
  32.      <input type = "text" name = "oracleUsername"/>  
  33.      </td>  
  34.      <td>  
  35.       Oracle密碼：  
  36.      </td>  
  37.      <td >  
  38.       <input type = "text" name = "oraclePassword"/>  
  39.      </td>  
  40.     </tr>  
  41.     <tr id="oracle2" style="display:none;">  
  42.      <td>  
  43.       Oracle全域性資料庫名：  
  44.      </td>  
  45.      <td >  
  46.       <input type = "text" name = "oracleDbName"/>  
  47.      </td>  
  48.      <td ></td>  
  49.      <td ></td>  
  50.     </tr>  
  51.    </table>  
  52. </body>  
  53. </html> 

相關文章