Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,028

HOME > PHP > PHP Forum > ช่วยดู code JavaScript, jQuery ผลบวกของค่าใน radio ถ้าผลบวกเกินให้ alert ว่าเกินค่าที่กำหนด แล้วให้ radio ตัวที่คลิกล่าสุด เป็น false (คือตอนนี้ผมติดตรงทำให้ radio ตัวที่คลิกล่าสุด เป็น false ครับ)

ช่วยดู code JavaScript, jQuery ผลบวกของค่าใน radio ถ้าผลบวกเกินให้ alert ว่าเกินค่าที่กำหนด แล้วให้ radio ตัวที่คลิกล่าสุด เป็น false (คือตอนนี้ผมติดตรงทำให้ radio ตัวที่คลิกล่าสุด เป็น false ครับ)

เริ่มหัวข้อใหม่

JJAAYY

โพสกระทู้ ( 110 )
บทความ ( 0 )

ช่วยดู code JavaScript, jQuery ผลบวกของค่าใน radio ถ้าผลบวกเกินให้ alert ว่าเกินค่าที่กำหนด แล้วให้ radio ตัวที่คลิกล่าสุด เป็น false (คือตอนนี้ผมติดตรงทำให้ radio ตัวที่คลิกล่าสุด เป็น false ครับ)
Code (PHP)

<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>

Tag : PHP, JavaScript, jQuery

Date : 2017-04-18 16:51:02

By : JJAAYY

View : 711

Reply : 3

No. 1

ดินทราย

โพสกระทู้ ( 50 )
บทความ ( 0 )

แบบนี้ไหมครับ
Code (PHP)

<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>

Date : 2017-04-18 17:58:29

By : ดินทราย

No. 2

JJAAYY

โพสกระทู้ ( 110 )
บทความ ( 0 )

ตอบความคิดเห็นที่ : 1 เขียนโดย : ดินทราย เมื่อวันที่ 2017-04-18 17:58:29

รายละเอียดของการตอบ ::

ใช่ครับ ขอบคุณมากๆ ครับ

Date : 2017-04-18 18:05:08

By : JJAAYY

No. 3

TC Admin

โพสกระทู้ ( 74,058 )
บทความ ( 838 )

Date : 2017-04-19 11:37:39

By : mr.win

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : ช่วยดู code JavaScript, jQuery ผลบวกของค่าใน radio ถ้าผลบวกเกินให้ alert ว่าเกินค่าที่กำหนด แล้วให้ radio ตัวที่คลิกล่าสุด เป็น false (คือตอนนี้ผมติดตรงทำให้ radio ตัวที่คลิกล่าสุด เป็น false ครับ)

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ