HTML TABLE批量新增行與刪除行

2021-06-04 15:33:36 字數 1121 閱讀 5867

**格式如下:

日期


開始時間


結束時間


議題地點


內容操作


新增刪除
對應的js函式:

/**


*刪除當前行


*/ function delcurrentrow(obj)


clickedrow.parentnode.removechild(clickedrow);


}else


} }/**


*複製當前行並插入到**中去


*/ function insertrow(obj)


//var oldtr = $("tr:last", $("#batch_add_table"));


//var oldtr = $("tr:last", $("#batch_add_table"));


//通過jquery選擇器來獲取對應的控制項的值


var date= $("#date", oldtr).val();


var starttime= $("#starttime", oldtr).val();


var endtime = $("#endtime", oldtr).val();


if(date=='')


if(starttime=='')


if(endtime=='')


$("#starttime", newrow).val(endtime);


//複製當前行到**


}

彰顯jquery選擇器的優勢的幾句:

//var oldtr = $("tr:last", $("#batch_add_table"));


//var oldtr = $("tr:last", $("#batch_add_table"));


//通過jquery選擇器來獲取對應的控制項的值


var date= $("#date", oldtr).val();


var starttime= $("#starttime", oldtr).val();


var endtime = $("#endtime", oldtr).val();

MySQL使用變數新增行號 分組新增行號

drop table ifexists computer stu create table computer stu id int 11 notnull name varchar 20 default null score float default null primary key id engi...

JS動態新增行

序號維修保養專案 工時費用 序號更換零配件專案 單位單價 數量配件費用 jsp資料獲取 string itemname request.getparametervalues itemname string cost request.getparametervalues cost if itemnam...

jqGrid 可以新增行

第一種 迴圈新增 gridcomplete function jquery grid jqgrid setrowdata cid,jquery grid jqgrid setrowdata cid,第二種 新增一行資料 var arrids jquery courseteachergrid jqgr...