อยากได้โค๊ด jQuery หรือ Ajax ที่เป็นเงื่อนไขของการเลือกปุ่ม radio แล้วรูปภาพจะเป

พูดคุยแลกเปลี่ยน ปัญหา การเขียน JavaScript เครื่องมือ AJAX Web 2.0 AJAX Framework jQuery และ Node.JS รวมถึง Framework Express ของ Node.JS ทำงานฝั่ง Server

Moderator: mindphp

nattkhanesha
PHP Newbie
PHP Newbie
โพสต์: 2
ลงทะเบียนเมื่อ: 08/08/2012 4:02 pm

อยากได้โค๊ด jQuery หรือ Ajax ที่เป็นเงื่อนไขของการเลือกปุ่ม radio แล้วรูปภาพจะเป

โพสต์ที่ยังไม่ได้อ่าน โดย nattkhanesha »

อยากได้โค๊ด jQuery หรือ Ajax ที่เป็นเงื่อนไขของการเลือกปุ่ม radio แล้วรูปภาพจะเปลี่ยนไปตามสถานะที่เราเลือก (มีรูปภาพตัวอย่างให้ชมครับ)

เงื่อนไขตัวอย่างประมาณนี้ครับ

- ถ้าเลือกปุ่ม radio (image1) แล้วในกรอบเส้นสีน้ำเงินจะเปลี่ยนเป็น (image1)เพื่อแสดงโชว์ หมายถึง เปลี่ยนไปตามที่เลือก radio เอาไว้

- ถ้าเราเลือกรูปภาพ (image1) + กับแสดงรูปภาพที่เลือกไว้ แล้วเราสามารถส่งค่า POST หรือ GET ไปยังอีกเพจเพื่อทำการ Insert ฐานข้อมูลได้ป่าวครับ


ตัวอย่าง : การเลือกปุ่ม radio (image1) และ ตัวอย่าง : การเลือกปุ่ม radio (image2)
แนบไฟล์
ตัวอย่าง : การเลือกปุ่ม radio (image1) และ ตัวอย่าง : การเลือกปุ่ม radio (image2)
ตัวอย่าง : การเลือกปุ่ม radio (image1) และ ตัวอย่าง : การเลือกปุ่ม radio (image2)
image12.jpg (28.07 KiB) Viewed 4380 times
ภาพประจำตัวสมาชิก
mindphp
ผู้ดูแลระบบ MindPHP
ผู้ดูแลระบบ MindPHP
โพสต์: 41245
ลงทะเบียนเมื่อ: 22/09/2008 6:18 pm
ติดต่อ:

Re: อยากได้โค๊ด jQuery หรือ Ajax ที่เป็นเงื่อนไขของการเลือกปุ่ม radio แล้วรูปภาพจะเป

โพสต์ที่ยังไม่ได้อ่าน โดย mindphp »

เขียน jQuery คร่าวๆ

โค้ด: เลือกทั้งหมด

$( ".radioid" ).click( function() {
                        $.ajax({
                        url: \'ajax.php?id=\'+ $(this).attr(\'id\'),
                        success: function(data) {
                        $('.result_img').html(data);   // จะให้แสดงอะไรใส่ลงไปในนี้  .result_ads 
                    }
                });
ศึกษาเพิ่มเติมได้ที่หมวด
https://www.mindphp.com/forums/viewforum.php?f=25
ติดตาม VDO: http://www.youtube.com/c/MindphpVideoman
ติดตาม FB: https://www.facebook.com/pages/MindphpC ... 9517401606
หมวดแชร์ความรู้: https://www.mindphp.com/forums/viewforum.php?f=29
รับอบรม และพัฒนาระบบ: https://www.mindphp.com/forums/viewtopic.php?f=6&t=2042
nattkhanesha
PHP Newbie
PHP Newbie
โพสต์: 2
ลงทะเบียนเมื่อ: 08/08/2012 4:02 pm

Re: อยากได้โค๊ด jQuery หรือ Ajax ที่เป็นเงื่อนไขของการเลือกปุ่ม radio แล้วรูปภาพจะเป

โพสต์ที่ยังไม่ได้อ่าน โดย nattkhanesha »

ขอบคุณสำหรับโค๊ดนะครับ แต่ผมใส่โค๊ดไม่ถูกครับ รบกวนช่วยหน่อยนะครับ
ผมทำแบบฟอร์มไว้ให้แล้วครับ

<!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>Untitled Document</title>
</head>

<body>
<form id="form1" name="form1" method="post" action="">
<table width="329" height="288" border="1">
<tr>
<td height="254" colspan="3"><img src="" width="320" height="250" alt="" /></td>
</tr>
<tr>
<td width="102" height="26"><input type="radio" name="radio" id="image1" value="image1" />
<label for="image1">image1</label></td>
<td width="102"><input type="radio" name="radio" id="image2" value="image2" />
<label for="image2">image2</label></td>
<td width="102"><input type="radio" name="radio" id="image3" value="image3" />
<label for="image3">image3</label></td>
</tr>
</table>
</form>
</body>
</html>
ตอบกลับโพส
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 87