jQuery动态增加表格一行和删除一行
生活随笔
收集整理的這篇文章主要介紹了
jQuery动态增加表格一行和删除一行
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
今天在處理表格的動(dòng)態(tài)增加一行,和刪除一行,一開(kāi)始用js,但是寫(xiě)起來(lái)有點(diǎn)復(fù)雜,而且不好控制,最后還是用了jQuery,很輕松的就搞定了,代碼如下:
$(document).ready(function() {
?$("#newBtn").bind("click", function(){
??//alert($("input:checked"));
??$("#myTable").append("<tr><td><input id=\"sd\" type=\"checkbox\" /></td><td><input type=\"text\" /></td></tr>");
??alert(document.getElementById('sd').value);
?});
?
?$("#delBtn").bind("click", function(){
??//alert($("input:checked"));
??$("input:checked").parent().parent().remove();
?});
?
});
這樣就可以輕松的搞定了,也可以進(jìn)行多行的刪除
總結(jié)
以上是生活随笔為你收集整理的jQuery动态增加表格一行和删除一行的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 设计测试用例
- 下一篇: FreeMarker三宗罪!