Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,037

HOME > Client Script Forum > ช่วยด้วยครับ การคำนวณราคาโดยใช้ javascript ครับ ผมมือใหม่คับ เพิ่งหัดเขียนเว็บได้ไม่ถึงเดือน ขอบพระคุณมากครับ



 

ช่วยด้วยครับ การคำนวณราคาโดยใช้ javascript ครับ ผมมือใหม่คับ เพิ่งหัดเขียนเว็บได้ไม่ถึงเดือน ขอบพระคุณมากครับ

 



Topic : 107929



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



สถานะออฟไลน์




ผมอ่านกระทู้เก่าๆที่คุยกันเรื่องแนวๆนี้ ก็พอเข้าใจครับ แต่ว่า ลักษณะของผมจะเป็นแบบว่า มี radio ให้เลือก และแต่ละ radio ก็มีราคาระบุตายตัวอยู่แล้ว เมื่อเลือก radio เสร็จ ก็ใส่จำนวน จากนั้นก็ให้แสดงราคาครับ
ราคาที่จะใส่ตามนี้ครับ
LM = 4000
IS = 300
PL = 3000
IP = 1000
จากสมการที่ใส่ใน code ผมไม่รู้จะเช็คยังไงดี ก็เลยก็อปๆเค้ามาโม แต่ไม่สำเร็จครับ
เช่น ตอนนี้สมการที่ใส่ จะเป็น total = (LM+IS+PL+IP)*จำนวน
และก่อนเข้าสมการ ผมให้เช็คว่า หัวตัวมันเท่ากับค่าว่าง ก็จะให้เท่ากับ 0 ดังนั้น ความคิดผม หากเลือก LM
ผลที่ได้น่าจะ total = (4000+0+0+0)*จำนวน แต่มันกลับไม่ใช่ครับ ไม่ว่าจะเลือกยังไง มันก็จะเป็น total = (4000+300+3000+1000)*จำนวน
ช่วยด้วยครับ นี่ภาพตัวอย่างครับ
sample

และอีกอย่างนึงคือ radio ปกติมันจะเลือกได้แค่ 1 อันไม่ใช่เหรอครับ นี่เล่น เลือกได้หมดเลย ช่วยด้วยครับ

นี่ code ครับ

Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script language="javascript">
function alertData()
{
var txt1 = document.getElementById('test1').value = 4000;
var txt2 = document.getElementById('test2').value = 300;
var txt3 = document.getElementById('test3').value = 3000;
var txt4 = document.getElementById('test4').value = 1000;
var txt5 = document.getElementById('test5').value;
var total = document.getElementById('total');
if(txt5!="")
{
if(txt1 == ""){txt1==0}
if(txt2 == ""){txt2==0}
if(txt3 == ""){txt3==0}
if(txt4 == ""){txt4==0}
total.value = (txt1+txt2+txt3+txt4)*txt5;
}
}
</script>
</head>
<body>
<input name="test1" id="test1" type="radio" onclick="alertData()" />LM<br />
<input name="test2" id="test2" type="radio" onclick="alertData()"/>IS<br />
<input name="test3" id="test3" type="radio" onclick="alertData()"/>PL<br />
<input name="test4" id="test4" type="radio" onclick="alertData()"/>IP<br />
<input name="test5" id="test5" type="text" onkeyup="alertData()"/><br />
<br />
<br />
<input name="total" id="total" type="text" />บาท
<span id="total"></span>

</body>
</html>




Tag : JavaScript






Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2014-04-27 13:04:21 By : crz View : 1148 Reply : 4
 

 

No. 1



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



สถานะออฟไลน์
Twitter

มันน่าจะต้องแบบนี้นะ
if (document.getElementById('test1').checked=="1"){txt1=4000;} //.cheked =="1" radio ถูกเลือก

และ radio ต้องมีชื่อเดียวกันมันถึงจะเลือกได้ตัวใดตัวนึงในกลุ่มที่มีชื่อเดียวกัน


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-04-27 13:52:12 By : natt_han
 


 

No. 2



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



สถานะออฟไลน์


Radio เข้าใจละครับ
แต่ผลคำนวนยังไม่ได้เลยครับ
ขอความช่วยเหลือด้วยครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-04-27 16:00:30 By : crz
 

 

No. 3



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



สถานะออฟไลน์
Twitter

jquery แล้วกันนะ
http://jsfiddle.net/N4aV8/

Code (JavaScript)
function alertData(){

var txt5 = $('#test5').val();

if(txt5!="")
{       
    $('#total').val($('input[name="test1"]:checked').val()*txt5);	
}
}

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-04-27 19:35:26 By : natt_han
 


 

No. 4



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



สถานะออฟไลน์


กราบงามๆครับ คุณ natt_han
ได้แล้วคร้าบๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆ
ขอบคุณครับๆๆๆ


ประวัติการแก้ไข
2014-04-27 22:32:50
2014-04-27 22:46:54
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-04-27 22:23:12 By : crz
 

   

ค้นหาข้อมูล
   
 

แสดงความคิดเห็น
Re : ช่วยด้วยครับ การคำนวณราคาโดยใช้ javascript ครับ ผมมือใหม่คับ เพิ่งหัดเขียนเว็บได้ไม่ถึงเดือน ขอบพระคุณมากครับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
 Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







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

Load balance : Server 05
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่