Forgot Password ??

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

	Registered : 109,037

HOME > PHP > PHP Forum > วิธีการบวกแบบนี้ เขียนfunction การบวกอย่างไรครับ

วิธีการบวกแบบนี้ เขียนfunction การบวกอย่างไรครับ

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

pun05

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

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-874">
</head>

<body>
<form action="" method="post" name="frmMain" id="frmMain">
<p>
เลือกแบบที่1  
<input type="checkbox" name="checkbox" value="200" onChange="JavaScript:SumValue()">
100 บาท
</p>
<p>
เลือกแบบที่ 2

<input type="checkbox" name="checkbox2" value="checkbox" onChange="JavaScript:SumValue()">
200 บาท
</p>
<p>
<input type="text" name="textfield">
</p>
</form>
</body>
</html>

เมื่อเลือกช่องที่ 1
เมื่อเลือกช่องที่ 2
เลือกทั้ง 2 ช่อง

แต่ผมต้องการให้มันแสดงผลลัพธ์เลยเมือตอนคลิกเลือก
ต้องเขียน code อย่างไรครับ
ขอบคุณล่วงหน้าน่ะครับ

Tag : - - - -

Date : 23 ก.ย. 2551 20:04:08

By : pun05

View : 1441

Reply : 3

No. 1

เอี่ยว

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

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-874">
<script type="text/javascript">
function sumValue(){
var price = 0;
var els = document.forms['frmMain'].elements;

for(var i=0; i < els.length; i++){
if( els.type == "checkbox" )
if(els.status)
price += parseInt(els.value);
}

document.getElementById('price').innerHTML = price;
}
</script>
</head>

<body>
<form action="" method="post" name="frmMain" id="frmMain">
<p>
เลือกแบบที่1  
<input type="checkbox" name="checkbox" value="100" onClick="sumValue()">
100 บาท
</p>
<p>
เลือกแบบที่ 2

<input type="checkbox" name="checkbox2" value="200" onClick="sumValue()">
200 บาท
</p>
</form>
<div id="price"></div>
</body>
</html>

http://gunner.freetzi.com
MSN: [email protected]

Date : 23 ก.ย. 2551 20:47:16

By : เอี่ยว

No. 2

เอี่ยว

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

เป็นตัวเองได้ไง งง

Date : 23 ก.ย. 2551 20:48:54

By : เอี่ยว

No. 3

Guest

ผมลองแก้ดูแล้ว ผลลัพธ์ ยังได้ 0 ช่วยดูให้หน่อยครับ ไม่ค่อยเข้าใจเกี่ยวกับ ภาษา javascript เลย ครับ

ตามที่ คุณเอี่ยว เขียนให้ดู

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-874">
<script type="text/javascript">
function sumValue(){
var price = 0;
var els = document.forms['frmMain'].elements;

for(var i=0; i < els.length; i++){
if( els.type == "checkbox" )
if(els.status)
price += parseInt(els.value);
}

document.getElementById('price').innerHTML = price;
}
</script>
</head>

<body>
<form action="" method="post" name="frmMain" id="frmMain">
<p>
เลือกแบบที่1  
<input type="checkbox" name="checkbox" value="100" onClick="sumValue()">
100 บาท
</p>
<p>
เลือกแบบที่ 2

<input type="checkbox" name="checkbox2" value="200" onClick="sumValue()">
200 บาท
</p>
</form>
<div id="price"></div>
</body>
</html>

Date : 24 ก.ย. 2551 11:41:15

By : pun05

ค้นหาข้อมูล

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

Re : วิธีการบวกแบบนี้ เขียนfunction การบวกอย่างไรครับ

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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