jquery实现表格的多行删除
生活随笔
收集整理的這篇文章主要介紹了
jquery实现表格的多行删除
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
初學jquery，發現自己比較腦殘的一味百度，找到一些代碼，就想著運行，出現問題不知道怎么解決。
下面介紹如何運用jquery實現表格的多行刪除
首先如果你沒有jquery類庫，要先下載jquery類庫，否則你的代碼會運行不會出現你想要的結果。下載之后要引用。代碼如下，隨后還有jquery的類庫壓縮包，有需要的可以下載。
<!DOCTYPE html> <html> <head><meta charset="utf-8"><title>表格的刪除</title> <script src="jquery/jquery-1.8.3.min.js"></script> //這里引入jquery的js文件，需要下載類庫，下載相應的版本就可以正常應用了。 <script type="text/javascript">$(function(){ $("input[type='button']").click(function() {//alert("sf");$("input[name='test']:checked").each(function() { // 遍歷選中的checkboxn = $(this).parents("tr").index(); // 獲取checkbox所在行的順序$("table#test_table").find("tr:eq("+n+")").remove();});}); });</script></head> <body><table id = "test_table" border="1px"><tr><td><input type="checkbox" name="test"></td><td>1</td><td>2</td><td>3</td></tr><tr><td><input type="checkbox" name="test"></td><td>4</td><td>5</td><td>6</td></tr><tr><td><input type="checkbox" name="test"></td><td>7</td><td>8</td><td>9</td></tr><tr><td><input type="checkbox" name="test"></td><td>10</td><td>11</td><td>12</td></tr></table><input type="button" value="刪除"></body>
與50位技術專家面對面20年技術見證，附贈技術全景圖
總結
以上是生活随笔為你收集整理的jquery实现表格的多行删除的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Linux创建oracle11实例
- 下一篇： ueditor1_4_3-utf8-js