<!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>继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持，我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付
合租的人专用算电费小工具
2017-05-11 18:38:04
浏览 3079
随时随地看视频慕课网APP
相关课程
热门评论
-
SOHO树叶2017-05-11 2
-
SOHO树叶2017-05-11 2
-
yw1995692017-05-24 0
查看全部评论场景：
我们合租的房子，电费是按人数平摊。但是，期间有一个小朋友住了几天就走了。于是楼主我写了个这个单页，方便以后和室友一起算电费。这只是个小demo，大家可以在这个基础上根据自己的实际情况改造它。
场景：
我们合租的房子，电费是按人数平摊。但是，期间有一个小朋友住了几天就走了。于是楼主我写了个这个单页，方便以后和室友一起算电费。这只是个小demo，大家可以在这个基础上根据自己的实际情况改造它。
厉害了 ，学以致用 佩服