<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>502算电费小工具</title>
<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<body>
<table class="table table-bordered">
<tr>
<td>上月电费总额</td>
<td colspan="2"><input type="text" id="sum"></td>
</tr>
<tr>
<td>业主</td>
<td>上个月入住天数</td>
<td>应交费用</td>
</tr>
<tr>
<td>汪俊</td>
<td><input type="text" id="value_01"></td>
<td><input type="text" id="value_01_result"></td>
</tr>
<tr>
<td>刚叔</td>
<td><input type="text" id="value_02"></td>
<td><input type="text" id="value_02_result"></td>
</tr>
<tr>
<td>新来的</td>
<td><input type="text" id="value_03"></td>
<td><input type="text" id="value_03_result"></td>
</tr>
<tr>
<td>刘大爷</td>
<td><input type="text" id="value_04"></td>
<td><input type="text" id="value_04_result"></td>
</tr>
<tr>
<td colspan="3"><input type="button" onclick="a()" value="开始结算"></td>
</tr>
</table>
<script>
var sum=document.getElementById("sum");
var value_01=document.getElementById("value_01");
var value_02=document.getElementById("value_02");
var value_03=document.getElementById("value_03");
var value_04=document.getElementById("value_04");
var value_01_result=document.getElementById("value_01_result");
var value_02_result=document.getElementById("value_02_result");
var value_03_result=document.getElementById("value_03_result");
var value_04_result=document.getElementById("value_04_result");
function a(){
x =parseFloat(sum.value)/(parseFloat(value_01.value)+parseFloat(value_02.value)+parseFloat(value_03.value)+parseFloat(value_04.value));
value_01_result.value= x * parseFloat(value_01.value);
value_02_result.value= x * parseFloat(value_02.value);
value_03_result.value= x * parseFloat(value_03.value);
value_04_result.value= x * parseFloat(value_04.value);
}
</script>
</body>
</html>点击查看更多内容
1人点赞
评论
共同学习，写下你的评论
评论加载中...
作者其他优质文章
正在加载中
相关文章推荐
感谢您的支持，我会继续努力的～
扫码打赏，你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫，即可进行扫码打赏哦