|
|
|
สอบถามเรื่องการทำระบบคิดคำนวณค่าห้องพักโดยใช้สคริป |
|
|
|
|
|
|
|
แบบนี้ป่าวครับ
Code (PHP)
<html>
<head>
<meta charset="UTF-8">
<title>คำนวนค่าเช่า</title>
</head>
<body>
<script type='text/javascript'>
function cal(elm){
if(elm.value.match(/[^\d]/)){
elm.value=0;
}else if(elm.value.replace(/(^\s+)|(\s+$)/,'')==''){
elm.value=0;
}
var dist1=parseInt( document.getElementById('dist1').value );
var dist2=parseInt( document.getElementById('dist2').value);
var dist3=parseInt( document.getElementById('dist3').value );
document.getElementById('result').value=dist1+(dist2*7)+(dist3*25);
}
</script>
<form>
<table>
<tr>
<td>หมายเลขห้องพัก</td>
<td>ห้อง</td>
</tr>
<tr>
<td>ค่าห้องพัก</td>
<td><input type='text' id='mainprice' onblur='cal(this)' value='1200' style="width:50px;text-align:center;" > บาท</td>
</tr>
<tr>
<td>ค่าไฟฟ้า</td>
<td>เลขตามมิเตอร์ <input type='text' id='dist1' onKeyUp="caculator()" value='0'style="width:60px;text-align:center;"></td>
<td>จำนวนที่ใช้ <input type='text' id='dist2' readonly value='0' style="width:40px;text-align:center;"> หน่วย</td>
</tr>
<tr>
<td>ค่าน้ำประปา</td>
<td>เลขตามมิเตอร์ <input type='text' id='dist3' onKeyUp="caculator()" value='0'style="width:60px;text-align:center;"></td>
<td>จำนวนที่ใช้ <input type='text' id='dist4' value='0' style="width:40px;text-align:center;"> หน่วย</td>
<tr>
<td>รวม</td>
<td><input type='text' id='result' readonly style="width:60px;text-align:center;"> บาท</td>
</tr>
<tr>
<td><button type="reset" name="Reset" value="Reset" class="btn btn-success" onClick="caculator()">ยกเลิก</button></td>
</tr>
</table>
</form>
</body>
</html>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<script>
function caculator(){
var mainprice = parseInt($('#mainprice').val())
var el_metter = parseInt($('#dist1').val())
var el_unit = parseInt($('#dist2').val())
var papa_metter = parseInt($('#dist3').val())
var papa_unit = parseInt($('#dist4').val())
var total = 0 ;
el = (el_metter-1700)
pa = (papa_metter-200)
total = mainprice+el+pa
$('#dist2').val(el)
$('#dist4').val(pa)
$('#result').val(total)
}
</script>
|
|
|
|
|
Date :
2016-06-17 10:45:49 |
By :
Dragons_first |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Code (PHP)
<form>
<table>
<tr>
<td>หมายเลขห้องพัก</td>
<td>ห้อง</td>
</tr>
<tr>
<td>ค่าห้องพัก</td>
<td><input type='number' id='Room' value='1200' disabled="disabled" > บาท</td>
</tr>
<tr>
<td>ค่าไฟฟ้า</td>
<td>เลขตามมิเตอร์ <input type='number' id='Ele' value='0'>-1700</td>
<td>จำนวนที่ใช้ <input type='number' id='EleNet' value='0' disabled="disabled"> หน่วย</td>
</tr>
<tr>
<td>ค่าน้ำประปา</td>
<td>เลขตามมิเตอร์ <input type='number' id='Wat' value='0'>-200</td>
<td>จำนวนที่ใช้ <input type='number' id='WatNet' value='0' disabled="disabled"> หน่วย</td>
<tr>
<td>รวม</td>
<td><input type='number' id='Net' val='0' disabled="disabled"> บาท</td>
</tr>
<tr>
<td><button name="submit" value="Reset" class="btn btn-success" >ยกเลิก</button></td>
</tr>
</table>
</form>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script>
$(document).ready(function(e) {
var Room=$('#Room');
var Ele=$('#Ele');
var Wat=$('#Wat');
var EleNet=$('#EleNet');
var WatNet=$('#WatNet');
var Net=$('#Net');
Ele.keyup(function(){
Result(Room.val(),Ele.val(),Wat.val());
});
Wat.keyup(function(){
Result(Room.val(),Ele.val(),Wat.val());
});
function Result(Room,Ele,Wat){
EleNet.val(Ele-1700);
WatNet.val(Wat-200);
Net.val(parseInt(Room)+parseInt(EleNet.val()*7)+parseInt(WatNet.val()*25));
};
});
</script>
ปล.ถึงจะหัดเขียน แต่ควรกำหนด type และ id ให้ชัดเจน
|
|
|
|
|
Date :
2016-06-17 10:51:53 |
By :
Ex-[S]i[L]e[N]t |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ไม่มีความสุขในการตอบคำถาม ก็ไม่น่าจะมาเสียเวลาตอบ
คำว่ามือใหม่ ก็คือยังไม่รู้ แล้วจะให้กำหนด type กับ id ให้ชัดเจนได้อย่างไร
|
|
|
|
|
Date :
2016-06-17 11:47:30 |
By :
guest |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
คนถาม ก็ถามมาหลายคำถาม ลองเข้าไปดูโปรไฟล์ดูสิครับ
คำถามที่ถาม่อานดู คิดว่าควรจะเป็นผู้ที่ศึกษาพื้นฐานมาแล้ว แต่ไม่ค่อยจะจำ เท่านั้นเอง
การติติงเล็กน้อยนี้ ผมว่าน่าจะทำให้ได้ประโยชน์บ้างนะครับ จะได้ขวนขวายหาความรู้เพิ่ม
ตรงไหนไม่เข้าใจก็มาโพสถาม
และที่อยากจะติอีกเรื่อง ก็คือ ไม่เข้าไปปิดจ๊อบว่าทำได้หรือไม่ได้อย่างไร
เรียกว่าเห็นแก่ตัวซะด้วยนะครับ แทนที่จะเข้ามากบอกเก้าเล่าสิบ
เพื่อคนอื่นเขาเข้ามาอ่านเป็นปัญหาเหมือนกัน จะได้ไม่ต้องมาถามอีก
|
ประวัติการแก้ไข 2016-06-17 14:36:17
|
|
|
|
Date :
2016-06-17 14:27:04 |
By :
Chaidhanan |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 00
|