Foxtable(狐表)用户栏目专家坐堂 → js怎么实现工资 +奖金 +其他 =年收入合计 并显示在年收入合计数据框里呢?


  共有3482人关注过本帖树形打印复制链接

主题:js怎么实现工资 +奖金 +其他 =年收入合计 并显示在年收入合计数据框里呢?

帅哥哟,离线,有人找我吗?
cnsjroom
  1楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:七尾狐 帖子:1571 积分:11238 威望:0 精华:0 注册:2021/1/17 17:06:00
js怎么实现工资 +奖金 +其他 =年收入合计 并显示在年收入合计数据框里呢?  发帖心情 Post By:2022/4/21 12:29:00 [只看该作者]

js怎么实现工资 +奖金 +其他 =年收入合计  并显示在年收入合计数据框里呢?

目前运行米有任何提示与计算  麻烦老师帮忙看看

 

页面代码内容如下:

<form class="layui-form model-form no-padding layui-form-pane" style="color: #B896E8" lay-filter="lrform" id="lrform">
    <div class="layui-form-item model-form-footer text-center">
        <button class="layui-btn" lay-filter="lrform-submit" lay-submit>确认</button>
        <button class="layui-btn layui-btn-primary" type="button" ew-event="closeDialog">取消</button>
    </div>           
    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
        <legend>收入情况</legend>
    </fieldset>
 <div class="layui-row layui-col-space8">
  
 <div class="layui-col-md4">
  <div class="layui-form-item">
   <label class="layui-form-label">年收入合计</label>
   <div class="layui-input-block">
    <input type="number" name="年收入合计" id="nianshouruheji_20"  lay-verify="" value="" placeholder="" autocomplete="off" class="layui-input ">
   </div>
  </div>
 </div>
 <div class="layui-col-md4">
  <div class="layui-form-item">
   <label class="layui-form-label">工资</label>
   <div class="layui-input-block">
    <input type="number" name="工资" id="gongzi_21"  lay-verify="" value="" placeholder="" autocomplete="off" class="layui-input " onc han ge="jisuan()">
   </div>
  </div>
 </div>
 <div class="layui-col-md4">
  <div class="layui-form-item">
   <label class="layui-form-label">奖金</label>
   <div class="layui-input-block">
    <input type="number" name="奖金" id="jiangjin_22"  lay-verify="" value="" placeholder="" autocomplete="off" class="layui-input " onc han ge="jisuan()">
   </div>
  </div>
 </div>
 <div class="layui-col-md4">
  <div class="layui-form-item">
   <label class="layui-form-label">其他</label>
   <div class="layui-input-block">
    <input type="number" name="其他" id="qita_23"  lay-verify="" value="" placeholder="" autocomplete="off" class="layui-input " onc han ge="jisuan()">
   </div>
  </div>
 </div>

 </div>


</div>
</form>
<script src="assets/js/testjs.js"></script>

 

 

testjs.js内容如下:

function jisuan(){
document.getElementById('nianshouruheji_20').value =document.getElementById('gongzi_21').value + document.getElementById('jiangjin_22').value + document.getElementById('qita_23').value;

[此贴子已经被作者于2022/4/21 13:55:20编辑过]

 回到顶部
帅哥哟,离线,有人找我吗?
有点蓝
  2楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:106603 积分:542186 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2022/4/21 13:55:00 [只看该作者]

给工资、奖金、其他控件onchanged事件绑定jisuan函数

 回到顶部
帅哥哟,离线,有人找我吗?
cnsjroom
  3楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:七尾狐 帖子:1571 积分:11238 威望:0 精华:0 注册:2021/1/17 17:06:00
回复:(有点蓝)给工资、奖金、其他控件onchanged事件...  发帖心情 Post By:2022/4/21 13:57:00 [只看该作者]

  <input type="number" name="工资" id="gongzi_21"  lay-verify="" value="" placeholder="" autocomplete="off" class="layui-input " onc han ge="jisuan()">
    <input type="number" name="奖金" id="jiangjin_22"  lay-verify="" value="" placeholder="" autocomplete="off" class="layui-input " onc han ge="jisuan()">
    <input type="number" name="其他" id="qita_23"  lay-verify="" value="" placeholder="" autocomplete="off" class="layui-input " onc han ge="jisuan()">

老师已经绑定了的呢?刚刚发布的忘记了

 

在操作上述绑定后  依旧没有得到年收入合计 这个值!


 回到顶部
帅哥哟,离线,有人找我吗?
有点蓝
  4楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:106603 积分:542186 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2022/4/21 14:17:00 [只看该作者]

学会使用开发者工具调试前端代码:https://www.baidu.com/baidu?ie=UTF-8&word=%E6%B5%8F%E8%A7%88%E5%99%A8%E5%BC%80%E5%8F%91%E8%80%85%E5%B7%A5%E5%85%B7

 回到顶部