<form name="frm"> <p><input type="checkbox" value="1" onclick="tick(frm)" /> 1</p> <p><input type="checkbox" value="2" onclick="tick(frm)" /> 2</p> <p><input type="checkbox" value="3" onclick="tick(frm)" /> 3</p> <p><input type="checkbox" value="4" onclick="tick(frm)" /> 4</p> <input type="text" name="sum" value="0" /> </form> <script type="text/javascript"> function tick( frm ) { var sum=0; for (var i = 0; i < frm.elements.length; i++) { var chk = frm.elements[i]; if ( chk.type == 'checkbox' && chk.checked ) { sum += parseFloat( chk.value ); }; }; frm.sum.value = sum; } </script>
<form name="frm"> <p><input type="checkbox" id="checkbox" value="1" onclick="tick(frm)" /> 1</p> <p><input type="checkbox" id="checkbox" value="2" onclick="tick(frm)" /> 2</p> <p><input type="checkbox" id="checkbox" value="3" onclick="tick(frm)" /> 3</p> <p><input type="checkbox" id="checkbox" value="4" onclick="tick(frm)" /> 4</p> <input type="text" name="sum" id="sum" value="0" /> <hr> <p><input type="checkbox" id="checkbox1" value="1" onclick="tick1(frm1)" /> 1</p> <p><input type="checkbox" id="checkbox1" value="2" onclick="tick1(frm1)" /> 2</p> <p><input type="checkbox" id="checkbox1" value="3" onclick="tick1(frm1)" /> 3</p> <p><input type="checkbox" id="checkbox1" value="4" onclick="tick1(frm1)" /> 4</p> <input type="text" name="sum1" id="sum1" value="0" /> </form> <script type="text/javascript"> function tick( frm ) { var sum=0; for (var i = 0; i < frm.elements.length; i++) { var chk = frm.elements[i]; if ( chk.type == 'checkbox' && chk.checked ) { sum += parseFloat( chk.value ); }; }; frm.sum.value = sum; } function tick1(frm1) { var sum1=0; for (var i1 = 0; i1 < frm1.elements.length; i1++) { var chk1 = frm1.elements[i1]; if ( chk1.type == 'checkbox1' && chk1.checked ) { sum1 += parseFloat( chk.value ); }; }; frm1.sum1.value = sum1; } </script>
tick1(frm1)
<html> <head> <title></title> </head> <body> <script language="javascript"> function fnccheck(){ var t1; var t2; var sum; if(document.form1.chk1.checked == true){ t1=parseFloat(document.form1.chk1.value); }else{ t1=null; } if(document.form1.chk2.checked == true){ t2=parseFloat(document.form1.chk2.value); }else{ t2=null; } sum=t1+t2; document.form1.total.value=sum; } </script> <script language="javascript"> function fnccheck1(){ var t1; var t2; var sum; if(document.form1.chk3.checked == true){ t1=parseFloat(document.form1.chk3.value); }else{ t1=null; } if(document.form1.chk4.checked == true){ t2=parseFloat(document.form1.chk4.value); }else{ t2=null; } sum=t1+t2; document.form1.total1.value=sum; } </script> <form action="page.cgi" method="post" name="form1"> <input name="chk1" type="checkbox" id="chk1" value="100" OnClick="JavaScript:return fnccheck();">100 <br> <input name="chk2" type="checkbox" id="chk2" value="200" OnClick="JavaScript:return fnccheck();">200 <br> <input type="text" name="total" id="total"/> <hr> <input name="chk3" type="checkbox" id="chk3" value="1000" OnClick="JavaScript:return fnccheck1();">1000 <br> <input name="chk4" type="checkbox" id="chk4" value="2000" OnClick="JavaScript:return fnccheck1();">2000 <br> <input type="text" name="total1" id="total1"/> </form> </body> </html>
<form name="frm"> <input type=checkbox for="1" value=1 onclick="chkclick('1')" > <input type=checkbox for="1" value=2 onclick="chkclick('1')" > <input type=checkbox for="1" value=3 onclick="chkclick('1')" > <input type=checkbox for="2" value=5 onclick="chkclick('2')" > <input type=checkbox for="2" value=6 onclick="chkclick('2')" > <input type=checkbox for="2" value=7 onclick="chkclick('2')" > </form> <script> function chkclick(op){ // ค้นหา element โดยใช้ attribute จาก parameter เก็บไว้ในตัวแปร var chk = frm.getElementsByAttribute('for', op); var i=0,j=0; for( i; i<chk.length;i++){ if( chk[i].checked ) j+=chk.value*1; } alert(j); }
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง