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

最新推荐文章于 2025-03-08 19:46:03 发布

最新推荐文章于 2025-03-08 19:46:03 发布 · 83 阅读

文章标签：

#jQuery #JavaScript #XHTML #HTML #ViewUI

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

<!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>