业务经理

微信扫描以上二维码

028-61286886

技术咨询

自定义模块的费用计算,发出来给需要的朋友们一个思路

迅睿框架 更新 2025-06-21 13:32:38 撑死的虫子

这几天给客户开发一个自定义模块的费用计算,发出来给需要的朋友们一个思路!


先看演示:

QQ录屏20221109100235


总体思路就是迅睿后台自定义字段,后台在前台加入JQ


代码如下:


<script>
 $(function() {
  //+号
  var n = $('#dr_shuliang').val();//找到输入框的初始值
  $('#dr_row_bzcl .bootstrap-touchspin-up').click(function() {// 谁家的表单就控制谁
   n++;
   $('#dr_shuliang').val(n);//运算后输出赋值
  });
  //-号
  var n = $('#dr_shuliang').val();
  $('#dr_row_bzcl .bootstrap-touchspin-down').click(function() { // 谁家的表单就控制谁
   n = --n >= 0 ? n : 0;//边缘值
   $('#dr_shuliang').val(n);
  });
  
  //+号
  var nn = $('#dr_sgzsl').val();
  $('#dr_row_shigongzheng .bootstrap-touchspin-up').click(function() {// 谁家的表单就控制谁
   nn++;
   $('#dr_sgzsl').val(nn);
  });
  //-号
  var nn = $('#dr_sgzsl').val();
  $('#dr_row_shigongzheng .bootstrap-touchspin-down').click(function() { // 谁家的表单就控制谁
   nn = --nn >= 0 ? nn : 0;
   $('#dr_sgzsl').val(nn);
  });
 });
</script>
<script type="text/javascript">
 $(function() {
  $("#dr_shigongzheng").TouchSpin({}).on("change",function(){
   $('#dr_zongshu').attr('value',sum());
  });

  $("#dr_bzcl").TouchSpin({}).on("change", function(){
    $('#dr_zongshu').attr('value',sum());
  });
  
   /**
  给input赋值  
  **/
  var chkItem = $('input[type=checkbox]');
  chkItem.click(function(){
   $('#dr_zongshu').attr('value',sum());   
   });
  /**
  *@功能 计算总和
  *@param null
  *@return int  
  **/
  function sum(){
   var valueArr= $('input[type=checkbox]'); 
   var sumValue=0;  
   valueArr.each(function(index, element) {
    if($(this).is(":checked")){
     if(isNaN(valueArr[index].value)||valueArr[index].value==null||valueArr[index].value==""){  
        sumValue +=0;  
     }else{  
        sumValue +=parseFloat(valueArr[index].value);//强制转换为数字
     }
     
     }
   });
     
   if(sumValue>0){
    sumValue = parseInt(sumValue);
   }  
   else{
      sumValue = 0;
   }
   sumValue+=parseInt($('#dr_shigongzheng').val())
   sumValue+=parseInt($('#dr_bzcl').val())
   return sumValue;
  }
 });
</script>



前端{$myfield}表段没有动过,如果你需要修改前台的样式,那就只能把字段设置成{$diyfield},然后自己调样式,当然你必须要会写CSS啦!  


本人开发能力有限,期间也咨询了迅睿的迅睿框架联合创始人 好多问题,谢谢您的解答。哪些地方写的有问题,希望JS大神可以帮忙优化一下。


总之都是为迅睿能发展的更好。迅睿真的强大!!


最后请不喜勿喷!!!!!!!!!!!!!!!!!!!

方案

  • 绮风科技 - 大兔子 #1 · 2022-11-09 21:21:28
    瞅一瞅,看一看
  • qijifuwu #2 · 2022-11-13 00:07:03
    学习了 感谢分享
  • 北回归线 #3 · 2022-11-13 11:45:06
    学习一下,支持。。。。
  • 灵动 #4 · 2022-12-22 17:32:16
    正需要类似的。感谢分享
  • 四分音符 #5 · 2022-12-22 20:36:26
    学习一下,支持。。。。
  • 子曰学而习之 #6 · 2023-01-14 15:45:59
    学习一下,支持。。。。
  • 版本城 #7 · 2023-03-11 21:33:12
    学习一下,支持。。。。
  • 业余选手 #8 · 2023-12-05 09:51:19
    学习一下,支持。。。。
  • 麦尖 #9 · 2023-12-31 17:48:04
    瞅一瞅,看一看
  • 大师在流浪 #10 · 2024-04-18 16:28:10
    正好做这方面的功能,看看
  • sonpyy #11 · 2024-04-22 09:15:12
    • 学习了 感谢分享
  • 北斯云 #12 · 2024-06-30 10:34:54
    学习了 感谢分享
  • mazerain #13 · 2024-07-04 17:55:22
    学习一下,现在正用到这个

  • 北回归线 #14 · 2024-07-04 22:49:38
    感谢分享,学习一下。。。。
  • yesterdayx #15 · 2024-07-30 18:05:01
    前来观摩学习
  • 我只会复制粘贴 #16 · 2024-10-01 14:19:28
    不错呦,学习一下
  • 我爱迅睿CMS #17 · 2024-10-01 18:18:40
    • 不错呦,学习一下
  • 如果你唱歌 #18 · 2024-10-03 09:06:34
    不错呦,学习一下
  • zhangxiang #19 · 2025-01-23 08:22:25
    前来观摩学习
  • 张某某某 #20 · 2025-06-21 13:32:38
    瞅一瞅,看一看

迅睿系统漏洞

导入微信文章
导入微信文章(2026-09-15)
优化排版缺少文字情况
GEO系统
GEO系统(2026-09-15)
运营客户端,防止误触阴影处关闭对话框
独立站群系统
独立站群系统(2026-09-14)
子站独立部署时修复同步附件失败问题
在线客服
在线客服(2026-09-13)
修复删除会话报错问题 删除会话时联动删除聊天图片
在线考试竞赛系统
在线考试竞赛系统(2026-09-12)
增加投票功能 考试功能拓展 注意:更新后需要执行系统更新,更新数...
网上信箱
网上信箱(2026-09-12)
修复新版本兼容问题
GeoSeo收录宝
GeoSeo收录宝(2026-09-12)
1 优化Update.php文件,解决版本在线升级不完整问题 2 ...
GeoSeo工具箱
GeoSeo工具箱(2026-09-11)
修正历史记录推送
微信系统
微信系统(2026-09-11)
增加数据统计总览界面 账号管理增加服务和公众号的区别 菜单管理支持更...
答题系统
答题系统(2026-09-11)
一站式在线答题系统,支持真题考试、题库练习和错题本,适合培训、考证、...