欧美性猛交XXXX免费看蜜桃,成人网18免费韩国,亚洲国产成人精品区综合,欧美日韩一区二区三区高清不卡,亚洲综合一区二区精品久久

打開(kāi)APP
userphoto
未登錄

開(kāi)通VIP，暢享免費電子書(shū)等14項超值服

開(kāi)通VIP

首頁(yè)

好書(shū)

留言交流

下載APP

聯(lián)系客服
HTML TABLE批量添加行與刪除行
  1. <table class="page_datalist" id="batch_add_table">  
  2.         <thead>  
  3.             <tr>  
  4.                 <th  width="3%">日期</th>  
  5.                 <th scope="col" width="2%">開(kāi)始時(shí)間</th>  
  6.                 <th scope="col" width="2%">結束時(shí)間</th>  
  7.                 <th scope="col" width="10%">議題</th>  
  8.                 <th scope="col" width="8%">地點(diǎn)</th>  
  9.                 <th scope="col" width="20%">內容</th>  
  10.                 <th scope="col" width="8%">操作</th>  
  11.             </tr>           
  12.         </thead>  
  13.           
  14.         <tbody>  
  15.          <tr>  
  16.            
  17.           <!-- 日期 -->  
  18.              <td align="left">  
  19.              <input id="date" type="text"  
  20.                                 name="date" class="Wdate"  
  21.                                 onfocus="WdatePicker({dateFmt:'yyyy-MM-dd'})"  
  22.                                 value=""  
  23.                                 readonly="readonly" />  
  24.          </td>  
  25.                   
  26.          <!-- 開(kāi)始時(shí)間 -->      
  27.           <td align="left">  
  28.                         <input id="startTime"  
  29.                         type="text" name="startTime" class="Wdate"  
  30.                         value=""  
  31.                         onfocus="WdatePicker({dateFmt:'HH:mm'})"  
  32.                         readonly="readonly" />  
  33.                     </td>  
  34.                       
  35.          <!-- 結束時(shí)間 -->              
  36.          <td align="left">  
  37.                             <input id="endTime" type="text"  
  38.                         name="endTime" class="Wdate"  
  39.                         value=""  
  40.                         onfocus="WdatePicker({isShowClear:false,dateFmt:'HH:mm',minDate:'#F{$dp.$D(\'startTime\')||\'2020-10-01\'}'})"  
  41.                         readonly="readonly" />  
  42.         </td>  
  43.             
  44.           <!-- 議題 -->   
  45.        <td align="left">        
  46.                 <input id="topic" type="text"  
  47.                         value="" maxlength="128" />  
  48.             </td>   
  49.           
  50.          <!-- 地點(diǎn) -->  
  51.       <td align="left">  
  52.       <input id="location" type="text"   
  53.                         value=""  maxlength="128" />  
  54.       </td>  
  55.           
  56.     <!-- 內容 -->  
  57.     <td align="left">  
  58.     <textarea  id="description" rows="1000" cols="40"  
  59.                             name="description" style="height:80px;"></textarea>      
  60.     </td>  
  61.                    
  62.      <td align="center">  
  63.                 <a href="javascript:void(0);" onClick="insertRow(this);">添加</a>  
  64.                 <a href="javascript:void(0);" onClick="delCurrentRow(this);">刪除</a>  
  65.      </td>  
  66.        
  67.        </tr>  
  68.          
  69.   </tbody>  
  70.     </table>  

 

 

對應的JS函數:

[javascript] view plaincopy?
  1. /** 
  2.     *刪除當前行 
  3.     */  
  4.     function delCurrentRow(obj){  
  5.         if(confirm("確定刪除當前議程?")){  
  6.              if(document.all.batch_add_table.rows.length>2){  
  7.                  var clickedRow=obj;  
  8.                  while(clickedRow.tagName!="TR"){  
  9.                      clickedRow=clickedRow.parentNode;  
  10.                  }  
  11.                  clickedRow.parentNode.removeChild(clickedRow);  
  12.              }else{  
  13.                  alert("此行不能進(jìn)行刪除！");  
  14.                  return;  
  15.              }  
  16.         }  
  17.     }  
  18.       
  19.     /** 
  20.     *復制當前行并插入到表格中去 
  21.     */  
  22.     function insertRow(obj){  
  23.         //獲取當前表格batch_add_table的行總數   
  24.         var rowNum=document.all.batch_add_table.rows.length;  
  25.         //獲取當前表格的行并克隆   
  26.         var newrow = document.all.batch_add_table.rows[rowNum-1].cloneNode(true);   
  27.         //新行的列數   
  28.         var colNum=newrow.cells.length;  
  29.         //獲取當前行并進(jìn)行遞歸循環(huán)操作找到當前行的節點(diǎn)   
  30.         var oldTr=obj;  
  31.         while(oldTr.tagName!="TR"){  
  32.             oldTr=oldTr.parentNode;  
  33.         }  
  34.         //var oldTr = $("tr:last", $("#batch_add_table"));   
  35.         //var oldTr = $("tr:last", $("#batch_add_table"));   
  36.         //通過(guò)JQUERY選擇器來(lái)獲取對應的控件的值   
  37.         var date= $("#date", oldTr).val();  
  38.         var startTime= $("#startTime", oldTr).val();  
  39.         var endTime = $("#endTime", oldTr).val();  
  40.           
  41.         if(date==''){  
  42.             alert('請選擇議程日期！');  
  43.             return ;  
  44.         }  
  45.         if(startTime==''){  
  46.             alert('請選擇議程開(kāi)始時(shí)間！');  
  47.             return ;  
  48.         }  
  49.         if(endTime==''){  
  50.             alert('請選擇議程結束時(shí)間！');  
  51.             return ;  
  52.         }  
  53.           
  54.         $("#startTime", newrow).val(endTime);  
  55.         //復制當前行到表格   
  56.         document.all("batch_add_table").appendChild(newrow);   
  57.     }  


 

 

彰顯JQUERY選擇器的優(yōu)勢的幾句:

[javascript] view plaincopy?
  1. //var oldTr = $("tr:last", $("#batch_add_table"));   
  2. //var oldTr = $("tr:last", $("#batch_add_table"));   
  3. //通過(guò)JQUERY選擇器來(lái)獲取對應的控件的值   
  4. var date= $("#date", oldTr).val();  
  5. var startTime= $("#startTime", oldTr).val();  
  6. var endTime = $("#endTime", oldTr).val();  
本站僅提供存儲服務(wù)，所有內容均由用戶(hù)發(fā)布，如發(fā)現有害或侵權內容，請點(diǎn)擊舉報。
打開(kāi)APP，閱讀全文并永久保存 查看更多類(lèi)似文章
猜你喜歡
類(lèi)似文章
完整的時(shí)間（開(kāi)始和結束時(shí)間）輸入框驗證js
JS比較兩個(gè)日期的大小
EasyOCR 一個(gè)基于 Python 的 OCR 開(kāi)源項目 – 木木
InfluxDB 聚合函數實(shí)用案例
'交易報告及短信通知的創(chuàng )建和發(fā)布
Birt學(xué)習筆記
更多類(lèi)似文章 >>
生活服務(wù)
分享 收藏 導長(cháng)圖 關(guān)注 下載文章
綁定賬號成功
后續可登錄賬號暢享VIP特權！
如果VIP功能使用有故障，
可點(diǎn)擊這里聯(lián)系客服！

聯(lián)系客服

欧美性猛交XXXX免费看蜜桃,成人网18免费韩国,亚洲国产成人精品区综合,欧美日韩一区二区三区高清不卡,亚洲综合一区二区精品久久