Quote:<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript"> $(document).ready(function(){ var allowance = 0; var bonus = 0; $("input.bonus").keyup(function(){ bonus = $(this).val(); allowance = $(this).parent().prev().text(); $(this).parent().next().find("input.linetotal").val( parseFloat(allowance) * parseFloat(bonus) ); }); }); </script> <table> <tr> <td>Lusan</td><td>1000</td> <td><input type="text" name="bonus[]" class="bonus" /></td> <td><input type="text" name="linetotal[]" class="linetotal" /></td> </tr> <tr> <td>Somdet</td><td>1000</td> <td><input type="text" name="bonus[]" class="bonus" /></td> <td><input type="text" name="linetotal[]" class="linetotal" /></td> </tr> <tr> <td>Pinyo</td><td>1000</td> <td><input type="text" name="bonus[]" class="bonus" /></td> <td><input type="text" name="linetotal[]" class="linetotal" /></td> </tr> </table>
<form method="post" action=""> รับค่าที่1 <input type="text" name="a"> รับค่าที่ 2 <input type="text" name="b"> คำนวณ <input type="text" name="c"> % </form>
<form method="post" action=""> รับค่าที่1 <input type="text" name="a" class="cal"> รับค่าที่ 2 <input type="text" name="b" class="cal"> คำนวณ <input type="text" name="c"> % </form> <script type="text/javascript"> $(document).ready(function(){ $("input.cal").keyup(function(){ var val_a = $("input[name=a]").val(); var val_b = $("input[name=b]").val(); var val_c = (val_a + val_b); $("input[name=c]").val(val_c); }); }); </script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript"> $(document).ready(function(){ var num1 = 0 ,num2 = 0; var result; $("input.number").keyup(function(){ num1 = $(this).val(); if($(this).prev().is("input:text.number")){ num2 = $(this).prev().val(); result = $(this).next(); }else{ num2 = $(this).next().val(); result = $(this).next().next(); } result.val( (parseFloat(num1) / parseFloat(num2)) ); //$(this).parent().next().find("input.linetotal").val( parseFloat(allowance) * parseFloat(bonus) ); }); }); </script> <form method="post" action=""> <table> <tr> <td> รับค่าที่1 <input type="text" name="a" class="number" /> รับค่าที่ 2 <input type="text" name="b" class="number" /> คำนวณ <input type="text" name="c" class="result" /> % </td> </tr> <tr> <td> รับค่าที่1 <input type="text" name="a" class="number" /> รับค่าที่ 2 <input type="text" name="b" class="number" /> คำนวณ <input type="text" name="c" class="result" /> % </td> </tr> </form>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script src="http://code.jquery.com/jquery-latest.js"></script> <form method="post" action=""> รับค่าที่1 <input type="text" name="a" class="cal"> รับค่าที่ 2 <input type="text" name="b" class="cal"> คำนวณ <input type="text" name="c"> % </form> <script type="text/javascript"> $(document).ready(function(){ $("input.cal").keyup(function(){ var val_a = $("input[name=a]").val(); var val_b = $("input[name=b]").val(); var val_c = (val_b * 100)/val_a; $("input[name=c]").val(val_c); }); }); </script>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง