我正在构建一个评分表表单,该表单将自动计算教师输入的总分。我尝试使用 jquery 代码来做到这一点。在表中,行将通过 php for 循环动态添加。我想要不同行的不同结果。在这种表格中,一行一个学生,学生列表动态添加到来自我的数据库的表行中。请注意:对不同的行使用不同的 id 或不同的类名,这是行不通的,因为表行是动态出现的。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>Auto Sum Table</title> </head> <body> <script src="http://code.jquery.com/jquery-1.12.1.min.js"></script> <script type="text/javascript"> $(document).on("change", ".qty1", function() { var sum = 0; $(".qty1").each(function(){ sum += +$(this).val(); }); $(".total").val(sum); }); </script> <table cellpadding="0" cellspacing="0"> <tr> <td><p>1st subject</p></td> <td><p>2nd subject</p></td> <td><p>total mark</p></td> </tr> <tr> <td><input type="text" class="qty1" ></td> <td><input type="text" class="qty1" ></td> <td><input type="text" class="total"></td> </tr> <tr> <td><input type="text" class="qty1" ></td> <td><input type="text" class="qty1" ></td> <td><input type="text" class="total"></td> </tr> </table> </body> </html>
1 回答
- 1 回答
- 0 关注
- 106 浏览
添加回答
举报
0/150
提交
取消