JQuery實現(xiàn)動態(tài)表格點擊按鈕表格增加一行
更新時間:2014年08月24日 09:24:18 投稿:whsnow
動態(tài)表格,功能為點擊添加按鈕,表格增加一行并給其name屬性賦予的值,點擊刪除,自動刪除這一行,具體實現(xiàn)如下
功能實現(xiàn):點擊添加按鈕,表格增加一行并給其name屬性賦予的值,方便獲取
點擊刪除,自動刪除這一行
JQuery中定義一個count變量
var count = 1;
function add() {
var tbl = document.all.ci;
var rows = tbl.rows.length;
var tr = tbl.insertRow(rows);
var e_id = tr.insertCell(0);
e_id.innerHTML = '<input type="text" name="e_id' + count + '" size="7" />';
var class_id = tr.insertCell(1);
class_id.innerHTML = '';
var memo = tr.insertCell(2);
memo.innerHTML = '<input type="text" name="memo' + count + '" size="14" />';
var del = tr.insertCell(3);
del.innerHTML = '<input type="button" onclick="del(this)" value="刪除" />';
count++;
}
function del(btn) {
var tr = btn.parentElement.parentElement;
var tbl = tr.parentElement;
if (tr.rowIndex >= 1) {
tbl.deleteRow(tr.rowIndex);
} else {
}
};
您可能感興趣的文章:
- Jquery 點擊按鈕顯示和隱藏層的代碼
- JS/jQuery實現(xiàn)默認顯示部分文字點擊按鈕顯示全部內(nèi)容
- jQuery實現(xiàn)點擊按鈕彈出可關閉層的浮動層插件
- jQuery點擊按鈕彈出遮罩層且內(nèi)容居中特效
- jQuery中iframe的操作(點擊按鈕新增窗口)
- jQuery實現(xiàn)點擊按鈕文字變成input框點擊保存變成文字
- Jquery 點擊按鈕自動高亮實現(xiàn)原理及代碼
- jQuery實現(xiàn)鼠標滾輪動態(tài)改變樣式或效果
- jQuery文本框得到與失去焦點動態(tài)改變樣式效果
- Jquery使用css方法改變樣式實例
- jquery關于頁面焦點的定位(文本框獲取焦點時改變樣式 )
- jQuery實現(xiàn)的點擊按鈕改變樣式功能示例
相關文章
jQuery Validate 相關參數(shù)及常用的自定義驗證規(guī)則
這篇文章主要介紹了jQuery Validate 相關參數(shù)及常用的自定義驗證規(guī)則,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2017-03-03
jquery插件uploadify多圖上傳功能實現(xiàn)代碼
這篇文章主要為大家詳細介紹了jquery插件uploadify多圖上傳功能實現(xiàn)代碼,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-08-08
jquery.Jcrop結(jié)合JAVA后臺實現(xiàn)圖片裁剪上傳實例
這篇文章主要介紹了jquery.Jcrop結(jié)合JAVA后臺實現(xiàn)圖片裁剪上傳實例,具有一定的參考價值,感興趣的小伙伴們可以參考一下。2016-11-11
jquery 鍵盤事件 keypress() keydown() keyup()用法總結(jié)
在本篇文章里小編給各位整理的是關于jquery 鍵盤事件 keypress() keydown() keyup()用法總結(jié)以及相關實例,需要的朋友們學習下。2019-10-10
jquery動態(tài)加載js/css文件方法(自寫小函數(shù))
jquery自帶的getSrcript文件只能動態(tài)加載js代碼,但不能加載css,后來自己寫了一個可加載js與css的程序2014-10-10

