JS複選框摺疊特效

時間 2021-08-15
標籤 javascript html java jquery 安全 ide spa xml htm 欄目 JavaScript 简体版
原文原文鏈接
  
  
           
  
  
   
   
            
   
   <html> 
   
   
            
   
   <head> 
   
   
            
   
   <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
   
   
            
   
   <title>jQuery控制點擊複選框後，展開更多內容</title> 
   
   
            
   
   <script type="text/javascript" src="http://www.update8.com/p_w_picpaths/js/jquery.min.js"></script> 
   
   
            
   
   <script type="text/javascript"> 
   
   
            
   
   $(document).ready(function(){ 
   
   
            
   
   $(".ss").hide(); 
   
   
            
   
   $("#check").click(function(){$(".ss").slideToggle("slow");}); 
   
   
            
   
   }); 
   
   
            
   
   </script> 
   
   
            
   
    
   
   
            
   
   </head> 
   
   
            
   
    
   
   
            
   
   <body class="body"> 
   
   
            
   
   <table border="0" width="100%"> 
   
   
            
   
       <tr> 
   
   
            
   
           <td width="100%" class="th"> 
   
   
            
   
               <table> 
   
   
            
   
                   <tr> 
   
   
            
   
                       <td class="th">高級內容 </td> 
   
   
            
   
                       <td class="th-left"><input type="checkbox" class="checkbox" id="check"></td> 
   
   
            
   
                   </tr> 
   
   
            
   
               </table> 
   
   
            
   
    
   
   
            
   
               <div class="ss"> 
   
   
            
   
                   <table> 
   
   
            
   
                       <tr> 
   
   
            
   
                           <td class="th">性別:</td> 
   
   
            
   
                           <td class="lth"> 
   
   
            
   
                               <input type="radio" type="radio" name="sex" value="男">男 
   
   
            
   
                               <input type="radio" name="sex" value="女">女 
   
   
            
   
                           </td> 
   
   
            
   
                       </tr> 
   
   
            
   
                       <tr> 
   
   
            
   
                           <td class="th">安全問題</td> 
   
   
            
   
                           <td class="lth"> 
   
   
            
   
                               <select> 
   
   
            
   
                                   <option>安全問題</option> 
   
   
            
   
                               </select> 
   
   
            
   
                           </td> 
   
   
            
   
                       </tr> 
   
   
            
   
                       <tr> 
   
   
            
   
                           <td class="th">回答答案</td> 
   
   
            
   
                           <td class="lth"><input type="text"></td> 
   
   
            
   
                       </tr> 
   
   
            
   
                       <tr> 
   
   
            
   
                           <td class="th">主頁</td> 
   
   
            
   
                           <td class="lth"><input type="text"></td> 
   
   
            
   
                       </tr> 
   
   
            
   
                       <tr> 
   
   
            
   
                           <td class="th">QQ</td> 
   
   
            
   
                           <td class="lth"><input type="text"></td> 
   
   
            
   
                       </tr> 
   
   
            
   
                       <tr> 
   
   
            
   
                           <td class="th">×××號</td> 
   
   
            
   
                           <td class="lth"><input type="text"></td> 
   
   
            
   
                       </tr> 
   
   
            
   
                   </table> 
   
   
            
   
               </div> 
   
   
            
   
           </td> 
   
   
            
   
       </tr> 
   
   
            
   
   </table> 
   
   
            
   
   </body> 
   
   
            
   
   </html>