<html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> </head> <body> <script type="text/javascript"> function fncCheck(id){ var Line = document.getElementById('line'); var Check = document.getElementById('check'+id); var Amount = document.getElementById('amount'+id); var Total = document.getElementById('total'+id); for(var i=0;i<Line.value;i++){ if(Check.checked == true){ Amount.readOnly = false; Amount.style.background = ""; Amount.focus(); }else{ Amount.readOnly = true; Amount.style.background = "#EEEEEE"; Amount.value = ""; Total.value = ""; } } } function fncSum(id){ var Line = document.getElementById('line'); var Price = document.getElementById('price'+id); var Amount = document.getElementById('amount'+id); var Total = document.getElementById('total'+id); var End = document.getElementById('end'); var Sum = 0; if(event.keyCode == 8 && Amount.value == '' || (event.keyCode < 96 || event.keyCode > 105) && Amount.value == ''){ Total.value = ''; }else{ for(var i=0;i<Line.value;i++){ Total.value = parseFloat(Amount.value) * parseFloat(Price.value); Sum += parseFloat(Total.value * 1); } End.value = Sum; } } function checkNumber(id){ var Amount = document.getElementById('amount'+id).value; var key = event.keyCode; if((key < 48 || key > 57) || (key == 48 && Amount == '')) { event.returnValue = false; } } </script> <form action="" method="post" name="form1"> <?php for($i=0;$i<5;$i++){ ?> เลือก : <input type="checkbox" name="check[]" id="check<?=$i;?>" value="" onClick="fncCheck(<?=$i;?>);"> ราคา : <input type="text" name="price[]" id="price<?=$i;?>" value="20" readonly style="background: #EEEEEE;"/> จำนวน : <input type="text" name="amount[]" id="amount<?=$i;?>" value="" readonly onKeyup="fncSum(<?=$i;?>);" onKeypress="return checkNumber(<?=$i;?>);" style="background: #EEEEEE;"/> รวม : <input type="text" name="total[]" id="total<?=$i;?>" value="" readonly style="background: #EEEEEE;"/><br/> <?php } ?> ........... รวมสุทธิ : <input type="text" name="end" id="end" value="" readonly style="background: #EEEEEE;"/><br/> <input type="hidden" name="line" id="line" value="<?=$i;?>"/> <input name="btnSubmit" type="submit" value="Submit"/> </form> </body> </html>
<!doctype html> <html> <head> <meta charset="utf-8"> <title>Untitled Document</title> <script> function sum_checkbox(){ frm.t.value=''; var chkbox_objs = document.getElementsByClassName('chkbox_class'); var c=chkbox_objs.length; var sum = 0, k=0 , txt; for( k ; k<c; k++ ){ frm.t.value+=k+" = "; if( chkbox_objs.item(k).checked){ txt=chkbox_objs.item(k).parentNode.parentNode.childNodes[1].childNodes[0].value; frm.t.value+='data '+k+'='+txt + "\n"; sum += parseInt(txt); } } alert( sum ); } </script> </head> <body> <table> <tr><td><input type="checkbox" class="chkbox_class"></td><td><input type="text" value="1"></td></tr> <tr><td><input type="checkbox" class="chkbox_class"></td><td><input type="text" value="2"></td></tr> </table> <form name="frm"> <textarea name="t"></textarea> <button type="button" onClick="sum_checkbox()">Save</button> </form> </body> </html>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง