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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要使用jQuery保留两位小数,你可以使用toFixed()方法。下面是一种方法: ``` // 获取输入框的值 var num = $('input').val(); // 将值转换为浮点数 var result = parseFloat(num); // 检查是否为有效数字 if (isNaN(result)) { alert('输入参数错误,请检查!'); return false; } // 保留两位小数 result = result.toFixed(2); // 将结果设置回输入框 $('input').val(result); ``` 这个方法会将输入框的值保留两位小数,并将结果设置回输入框。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [【Jquery】强制保留2位小数,四舍五入,不足两位小数自动在后面补上 .00](https://blog.csdn.net/lgysjfs/article/details/79657822)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [jquery保留两位小数方法,字符串保留两位小数](https://blog.csdn.net/qq_42972134/article/details/106082648)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [vue 保留两位小数 不能直接用toFixed(2) 的解决](https://download.csdn.net/download/weixin_38685173/13126573)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值