<html> <head> <title>jQuery Radio Button Selector Test</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script> <script> function AlertRadioButtons() { var num = document.getElementById("test"); //alert(num.value); var surveyFields = $("[name*='QU_']").serializeArray(); var total=0; jQuery.each(surveyFields, function(i, field) { total += parseFloat(field.value); }) if(total > num.value){ alert("ผลบวกเกินค่าที่กำหนด คือ "+num.value); return false; } } </script> </head> <body> ค่าที่่กำหนด <input type="text" id="test" name="test" value="10" /><BR/> <?php for($i=1;$i<11;$i++){ ?> <input id="QM_<?php echo $i; ?>" type="radio" name="QU_1" value="<?php echo $i; ?>" onclick="AlertRadioButtons();" />ค่าที่ 1<br /> <?php } ?> <?php for($i=1;$i<11;$i++){ ?> <input id="QN_<?php echo $i; ?>" type="radio" name="QU_2" value="<?php echo $i; ?>" onclick="AlertRadioButtons();" />ค่าที่ 2<br /> <?php } ?> </body> </html>
<html> <head> <title>jQuery Radio Button Selector Test</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script> <script> function AlertRadioButtons(e) { var num = document.getElementById("test"); //alert(num.value); var surveyFields = $("[name*='QU_']").serializeArray(); var total=0; jQuery.each(surveyFields, function(i, field) { total += parseFloat(field.value); }) if(total > num.value){ alert("ผลบวกเกินค่าที่กำหนด คือ "+num.value); $('#'+e.id).attr('checked', false); return false; } } </script> </head> <body> ค่าที่กำหนด <input type="text" id="test" name="test" value="10" /><BR/> <?php for($i=1;$i<11;$i++){ ?> <input id="QM_<?php echo $i; ?>" type="radio" name="QU_1" value="<?php echo $i; ?>" onclick="AlertRadioButtons(this);" />ค่าที่ 1<br /> <?php } ?> <?php for($i=1;$i<11;$i++){ ?> <input id="QN_<?php echo $i; ?>" type="radio" name="QU_2" value="<?php echo $i; ?>" onclick="AlertRadioButtons(this);" />ค่าที่ 2<br /> <?php } ?> </body> </html>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง