Jquery--Jquery中的计算:计算综合成绩,成绩保留两位小数

(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)效果图
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/huang_jimei/article/details/107484220