พิมพ์หน้านี้ - สอบถามเกี่ยวกับ checkbox หน่อยครับ

หัวข้อ: สอบถามเกี่ยวกับ checkbox หน่อยครับ
เริ่มหัวข้อโดย: ohmruning ที่ 01 มิถุนายน 2012, 01:16:17

คือผมต้องการทำ checkbox ให้สามารถเลือกได้ และนำค่าที่เลือกมาคำนวณบวกกันด้วย
ตัวอย่าง
[/] ไข่ไก่ 20 บาท
[ ] ไข่เป็ด 30 บาท
[/] ไข่เยี่ยวม้า 40 บาท

ราคาทั้งหมด 60 บาท

ตามตัวอย่างได้เลือก ไข่ไก่กับ ไข่เยี่ยวม้า บวกกันเป็น 60 บาท

และจะให้แสดงผลในหน้าพรีวิวด้วย คือการดึง POST มา จะใช้คำสั่งอย่่างไรให้เป็น แค่สิ่งที่ได้ติ๊กไป รวมถึง บอกราคารวมด้วย
แบบนี้
สินค้าที่เลือกคือ
ไข่ไก่
ไข่เยี่ยวม้า
ราคาทั้งหมด 60 บาท

ไม่รู้ว่าที่อธิบายมาจะพอเข้าใจกันหรืิอป่าวนะครับ อย่างไรก็ขอบคุณล่วงหน้าครับผม :P

หัวข้อ: Re: สอบถามเกี่ยวกับ checkbox หน่อยครับ
เริ่มหัวข้อโดย: pugler ที่ 01 มิถุนายน 2012, 14:37:23

ต้องใช้ javascript ช่วยครับ

[/] ไข่ไก่ 20 บาท
[ ] ไข่เป็ด 30 บาท
[/] ไข่เยี่ยวม้า 40 บาท

รวม 60 บาท

คร่าวๆ ก็

โค๊ด:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<form>
<input type="checkbox" name="price" value="20" /> ไข่ไก่ 20 บาท
<input type="checkbox" name="price" value="30" /> ไข่ไก่ 30 บาท
<input type="checkbox" name="price" value="40" /> ไข่ไก่ 40 บาท

<div>
	ราคารวม :
	<input type="text" id="total" value="" />
</div>
</form>

<script>
$('input[name="price"]').change( function() {
	var total = 0;
	$('input[name="price"]').each(function (i) {
        if($(this).attr('checked') == 'checked') {
			var price = parseInt($(this).val());
			total = total price;
		}		
      });	
	$('#total').val(total);
});
</script>

ลองต่อยอดดูนะครับ สงสัยถามได้ครับผม

หัวข้อ: Re: สอบถามเกี่ยวกับ checkbox หน่อยครับ
เริ่มหัวข้อโดย: siammbk ที่ 01 มิถุนายน 2012, 18:32:58

อ้างจาก: ohmruning ที่ 01 มิถุนายน 2012, 01:16:17

=======================================
เปลี่ยน เครื่องหมาย @ เป็น "บวก" ด้วยนะคับ
=======================================

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<script>
   function process(v)
   {
      c=v.split("|");
      if(c[1]=="no")
      {
         document.getElementById("sum").value=parseInt(document.getElementById("sum").value)@parseInt(c[0]);
         document.getElementById(c[2]).value=c[0]@"|yes|"@c[2];
      }
      else
      {
         document.getElementById("sum").value=parseInt(document.getElementById("sum").value)-parseInt(c[0]);
         document.getElementById(c[2]).value=c[0]@"|no|"@c[2];
      }
   }
</script>

<input type="checkbox" name="c1" value="20|no|c1" onclick="process(this.value);"> ไข่ไก่<br>
<input type="checkbox" name="c2" value="30|no|c2" onclick="process(this.value);"> ไข่เป็ด<br>
<input type="checkbox" name="c3" value="40|no|c3" onclick="process(this.value);"> ไข่เยี่ยวม้า<br>

<input type="text" value="0" name="sum" id="sum">

หัวข้อ: Re: สอบถามเกี่ยวกับ checkbox หน่อยครับ
เริ่มหัวข้อโดย: saikanojo ที่ 03 มิถุนายน 2012, 14:57:38

เยี่ยมเลย มาขอเก็บความรู้เพิ่มเติมครับ :wanwan020:

SMF 1.1.21 | Simple Machines | ThaiSEOBoard.com

ThaiSEOBoard.com

พัฒนาเว็บไซต์ => Programming => ข้อความที่เริ่มโดย: ohmruning ที่ 01 มิถุนายน 2012, 01:16:17