以文本方式查看主题
- Foxtable(狐表) (http://www.foxtable.com/bbs/index.asp)
-- 专家坐堂 (http://www.foxtable.com/bbs/list.asp?boardid=2)
---- js怎么实现工资 +奖金 +其他 =年收入合计 并显示在年收入合计数据框里呢？ (http://www.foxtable.com/bbs/dispbbs.asp?boardid=2&id=176643)
|
-- 作者：cnsjroom
-- 发布时间：2022/4/21 12:29:00
-- js怎么实现工资 +奖金 +其他 =年收入合计 并显示在年收入合计数据框里呢？
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编辑过]
|
-- 作者：有点蓝
-- 发布时间：2022/4/21 13:55:00
--
给工资、奖金、其他控件onchanged事件绑定jisuan函数
|
-- 作者：cnsjroom
-- 发布时间：2022/4/21 13:57:00
-- 回复：（有点蓝）给工资、奖金、其他控件onchanged事件...
<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()">
老师已经绑定了的呢？刚刚发布的忘记了
在操作上述绑定后 依旧没有得到年收入合计 这个值！
|
-- 作者：有点蓝
-- 发布时间：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
|