Jquery实现第一列选中项的计算

最新推荐文章于 2025-09-06 11:19:36 发布

原创最新推荐文章于 2025-09-06 11:19:36 发布 · 1.7k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #function #class #xhtml #input #html

JQuery 专栏收录该内容

16 篇文章

订阅专栏

本文介绍了一个使用JQuery实现的功能：当点击按钮时，遍历表格中被选中的复选框，并计算其所在行第二列数值的总和。通过实际案例展示了如何结合HTML与JQuery进行简单的事件绑定及DOM操作。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>Jquery实现第一列选中项的计算</title> <mce:script type="text/javascript" src="jquery-1.4.2.min.js" mce_src="jquery-1.4.2.min.js"></mce:script> <mce:script type="text/javascript"></mce:script> </head> <body> <table width="200" border="1"> <tr> <td><input type="checkbox" class="checkbox" /></td> <td>22.3</td> <td>23.4</td> <td>12.4</td> </tr> <tr> <td><input type="checkbox" class="checkbox" /></td> <td>22.1</td> <td>33.1</td> <td>33.4</td> </tr> <tr> <td><input type="checkbox" class="checkbox" /></td> <td>11.1</td> <td>22.4</td> <td>34.5</td> </tr> </table> <input type="button" id="test" value="总和" /> </body> </html>