<!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <title>noname</title> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script> $(function() { $('.current').keyup(function(e) { var Old = $(this).parent().parent().find('input.old').val(); var Cur = $(this).val(); var result = Cur-Old; if(result>=0){ $(this).parent().parent().find('input.result').val(Cur-Old); }else{ $(this).parent().parent().find('input.result').val(''); } }); }); </script> </head> <body> <table width="500" border="1" align="center"> <tr> <th width="127" scope="col">ห้อง</th> <th width="110" scope="col">หน่วยก่อนหน้า</th> <th width="114" scope="col">หน่วยปัจจุบัน</th> <th width="121" scope="col">รวมหน่วยที่ใช้</th> </tr> <tr> <td><label for="textfield"></label> <input type="text" name="textfield4" id="textfield" class="room"></td> <td><label for="textfield2"></label> <input type="text" name="textfield4" id="textfield2" class="old"></td> <td><label for="textfield3"></label> <input type="text" name="textfield4" id="textfield3" class="current"></td> <td><label for="textfield4"></label> <input type="text" name="textfield4" id="textfield4" class="result"></td> </tr> <tr> <td><label for="textfield"></label> <input type="text" name="textfield4" id="textfield" class="room"></td> <td><label for="textfield2"></label> <input type="text" name="textfield4" id="textfield2" class="old"></td> <td><label for="textfield3"></label> <input type="text" name="textfield4" id="textfield3" class="current"></td> <td><label for="textfield4"></label> <input type="text" name="textfield4" id="textfield4" class="result"></td> </tr> <tr> <td><label for="textfield"></label> <input type="text" name="textfield4" id="textfield" class="room"></td> <td><label for="textfield2"></label> <input type="text" name="textfield4" id="textfield2" class="old"></td> <td><label for="textfield3"></label> <input type="text" name="textfield4" id="textfield3" class="current"></td> <td><label for="textfield4"></label> <input type="text" name="textfield4" id="textfield4" class="result"></td> </tr> <tr> <td><label for="textfield"></label> <input type="text" name="textfield" id="textfield" class="room"></td> <td><label for="textfield2"></label> <input type="text" name="textfield2" id="textfield2" class="old"></td> <td><label for="textfield3"></label> <input type="text" name="textfield3" id="textfield3" class="current"></td> <td><label for="textfield4"></label> <input type="text" name="textfield4" id="textfield4" class="result"></td> </tr> </table> </div> </body> </html>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง