我正在构建一个评分表表单,该表单将自动计算教师输入的总分。我尝试使用 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>