(1)grade成绩计算保留两位小数
代码
<table class="table">
<thead>
<tr class="text-c">
<th>学号</th>
<th>姓名</th>
<th>学年</th>
<th>学期</th>
<th>班级</th>
<th>科目</th>
<th>平时成绩</th>
<th>期中成绩</th>
<th>期末成绩</th>
<th>综合成绩</th>
</tr>
</thead>
<tbody>
<tr class="text-c">
<th>123</th>
<td>张三</td>
<th>2019~2020</th>
<td>第一学期</td>
<td>商英1班</td>
<td>语文</td>
<td><input type="text" class="grade1" name="pscore" id="pscore" value="" /></td>
<td><input type="text" class="grade2" name="qzscore" id="qzscore" value="" /></td>
<td><input type="text" class="grade3" name="qmscore" id="qmscore" value="" /></td>
<td class="tatal"></td>
</tr>
<tr class="text-c">
<th>456</th>
<td>李四</td>
<th>2019~2020</th>
<td>第一学期</td>
<td>商英1班</td>
<td>语文</td>
<td><input type="text" class="grade1" name="pscore2" id="pscore2" value="" /></td>
<td><input type="text" class="grade2" name="qzscore2" id="qzscore2" value="" /></td>
<td><input type="text" class="grade3" name="qmscore2" id="qmscore2" value="" /></td>
<td class="tatal">0.00</td>
</tr>
</tbody>
</table>
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script>
$('.grade1').blur(function() {
var a = $(this).val();
var b = $(this).parent().parent().find('.grade2').val();
var c = $(this).parent().parent().find('.grade3').val();
var tal = (a * 0.3 + b * 0.3 + c * 0.4).toFixed(2);
$(this).parent().parent().find('.tatal').text(tal);
});
$('.grade2').blur(function() {
var a = $(this).val();
var b = $(this).parent().parent().find('.grade1').val();
var c = $(this).parent().parent().find('.grade3').val();
var tal = (a * 0.3 + b * 0.3 + c * 0.4).toFixed(2);
$(this).parent().parent().find('.tatal').text(tal);
});
$('.grade3').blur(function() {
var a = $(this).val();
var b = $(this).parent().parent().find('.grade1').val();
var c = $(this).parent().parent().find('.grade2').val();
var tal = (a * 0.3 + b * 0.3 + c * 0.4).toFixed(2);
$(this).parent().parent().find('.tatal').text(tal);
});
</script>
(2)效果图