Forgot Password ??

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

	Registered : 109,037

HOME > PHP > PHP Forum > สอบถามเรื่อง javascript บวกค่าจาก radio เมื่อมีการเลือกแล้วให้บวกค่าตัวที่เลือก แล้วถ้าเกินค่าที่กำหนดก็แจ้งเตือนขึ้นมาครับ

สอบถามเรื่อง javascript บวกค่าจาก radio เมื่อมีการเลือกแล้วให้บวกค่าตัวที่เลือก แล้วถ้าเกินค่าที่กำหนดก็แจ้งเตือนขึ้นมาครับ

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

JJAAYY

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

สอบถามเรื่อง javascript บวกค่าจาก radio เมื่อมีการเลือกแล้วให้บวกค่าตัวที่เลือก แล้วถ้าเกินค่าที่กำหนดก็แจ้งเตือนขึ้นมาครับ
ชื่อของ radio เป็น อาร์เรย์
Code (PHP)

<script type="text/javascript">
function check_total(no){
	var tal = document.getElementsByName("radim");
	var point = document.getElementsByName("radim").value;
	var sum;
	for(i=0; i<tal.length; i++){
		sum += tal[no].value;
		if(sum > point){
			alert("แต้มไม่พอ");
			return false;
		}
	}
}
</script>
<input type="text" name="txt1" id="txt1" value="500" readonly><br>
<?php
$num = array(200,100,300);
$no=1;
for($i=0;$i<3;$i++){
	echo $no.".1 <input type='radio' name='radim[".$i."]' value='".$num[$i]."' onkeyup='check_total(this.value,$i);'>";
	echo $no.".2 <input type='radio' name='radim[".$i."]' value='".$num[$i]."' onkeyup='check_total(this.value,$i);'><br>";
	$no++;
}
?>

Tag : PHP, JavaScript

ประวัติการแก้ไข
2017-03-07 17:40:52

Date : 2017-03-07 17:39:20

By : JJAAYY

View : 959

Reply : 1

No. 1

พระยาเทพ

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

1. ใช้ onclick/onchange
2. ตอนส่งพารามิเตอร์ 'check_total(this.value,$i);' ส่งไปสองตัว ตอนรับก็ควรใส่ไว้สอง
function check_total(val, idx){
3. php generated radio ที่มี name เป็น name='radim[".$i."]'
js ก็ต้องใส่ name ตามนั้น var tal = document.getElementsByName("radim[" + idx + "]");
4. ใช้ parseInt() สำหรับตัวเลข

ตัวอย่างแบบ รวมเฉพาะข้อย่อย

Code (PHP)

<!DOCTYPE html>
<html>
<body>

<script type="text/javascript">
var r = 0;
var oV;
function check_total(val, idx){
	var tal = document.getElementsByName("radim[" + idx + "]");
	var point = parseInt(val);
    var hP = 1000;
    
	var sum = parseInt(document.getElementById("txt1").value);
    if (r === 0) {
    	sum += point;
        oV = parseInt(document.getElementById("txt1").value);
    } else {
    	sum = oV + point;
    }
		
	if(sum > hP){
		alert("แต้มไม่พอ");
		return false;
	}
    document.getElementById("txt1").value = sum;
    r++;
}
</script>

<input type="text" name="txt1" id="txt1" value="500" readonly><br>

<?php
$num = array(200,100,300);
$no=1;
for($i=0;$i<3;$i++){
	echo $no.".1 <input type='radio' name='radim[".$i."]' value='".$num[$i]."' onchange='check_total(this.value,$i);'>";
	echo $no.".2 <input type='radio' name='radim[".$i."]' value='".($num[$i]*2)."' onchange='check_total(this.value,$i);'><br>";
	$no++;
}
?>


</body>
</html>

Date : 2020-07-18 20:24:32

By : PhrayaDev

ค้นหาข้อมูล

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

Re : สอบถามเรื่อง javascript บวกค่าจาก radio เมื่อมีการเลือกแล้วให้บวกค่าตัวที่เลือก แล้วถ้าเกินค่าที่กำหนดก็แจ้งเตือนขึ้นมาครับ

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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

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

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

Load balance : Server 02

Registered : 109,037

No. 1

ค้นหาข้อมูล

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

Notice