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)點擊按鈕彈出可關(guān)閉層的浮動層插件
- jQuery點擊按鈕彈出遮罩層且內(nèi)容居中特效
- jQuery中iframe的操作(點擊按鈕新增窗口)
- jQuery實現(xiàn)點擊按鈕文字變成input框點擊保存變成文字
- Jquery 點擊按鈕自動高亮實現(xiàn)原理及代碼
- jQuery實現(xiàn)鼠標滾輪動態(tài)改變樣式或效果
- jQuery文本框得到與失去焦點動態(tài)改變樣式效果
- Jquery使用css方法改變樣式實例
- jquery關(guān)于頁面焦點的定位(文本框獲取焦點時改變樣式 )
- jQuery實現(xiàn)的點擊按鈕改變樣式功能示例
相關(guān)文章
jQuery Validate 相關(guān)參數(shù)及常用的自定義驗證規(guī)則
這篇文章主要介紹了jQuery Validate 相關(guān)參數(shù)及常用的自定義驗證規(guī)則,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2017-03-03jquery插件uploadify多圖上傳功能實現(xiàn)代碼
這篇文章主要為大家詳細介紹了jquery插件uploadify多圖上傳功能實現(xiàn)代碼,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-08-08jquery.Jcrop結(jié)合JAVA后臺實現(xiàn)圖片裁剪上傳實例
這篇文章主要介紹了jquery.Jcrop結(jié)合JAVA后臺實現(xiàn)圖片裁剪上傳實例,具有一定的參考價值,感興趣的小伙伴們可以參考一下。2016-11-11jquery 鍵盤事件 keypress() keydown() keyup()用法總結(jié)
在本篇文章里小編給各位整理的是關(guān)于jquery 鍵盤事件 keypress() keydown() keyup()用法總結(jié)以及相關(guān)實例,需要的朋友們學(xué)習(xí)下。2019-10-10jquery動態(tài)加載js/css文件方法(自寫小函數(shù))
jquery自帶的getSrcript文件只能動態(tài)加載js代碼,但不能加載css,后來自己寫了一個可加載js與css的程序2014-10-10