อยากได้โค๊ด jQuery หรือ Ajax ที่เป็นเงื่อนไขของการเลือกปุ่ม radio แล้วรูปภาพจะเปลี่ยนไปตามสถานะที่เราเลือก (มีรูปภาพตัวอย่างให้ชมครับ)
เงื่อนไขตัวอย่างประมาณนี้ครับ
- ถ้าเลือกปุ่ม radio (image1) แล้วในกรอบเส้นสีน้ำเงินจะเปลี่ยนเป็น (image1)เพื่อแสดงโชว์ หมายถึง เปลี่ยนไปตามที่เลือก radio เอาไว้
- ถ้าเราเลือกรูปภาพ (image1) + กับแสดงรูปภาพที่เลือกไว้ แล้วเราสามารถส่งค่า POST หรือ GET ไปยังอีกเพจเพื่อทำการ Insert ฐานข้อมูลได้ป่าวครับ
ตัวอย่าง : การเลือกปุ่ม radio (image1) และ ตัวอย่าง : การเลือกปุ่ม radio (image2)
อยากได้โค๊ด jQuery หรือ Ajax ที่เป็นเงื่อนไขของการเลือกปุ่ม radio แล้วรูปภาพจะเป
Moderator: mindphp
-
- PHP Newbie
- โพสต์: 2
- ลงทะเบียนเมื่อ: 08/08/2012 4:02 pm
อยากได้โค๊ด jQuery หรือ Ajax ที่เป็นเงื่อนไขของการเลือกปุ่ม radio แล้วรูปภาพจะเป
- แนบไฟล์
-
- ตัวอย่าง : การเลือกปุ่ม radio (image1) และ ตัวอย่าง : การเลือกปุ่ม radio (image2)
- image12.jpg (28.07 KiB) Viewed 4380 times
- mindphp
- ผู้ดูแลระบบ MindPHP
- โพสต์: 41245
- ลงทะเบียนเมื่อ: 22/09/2008 6:18 pm
- ติดต่อ:
Re: อยากได้โค๊ด jQuery หรือ Ajax ที่เป็นเงื่อนไขของการเลือกปุ่ม radio แล้วรูปภาพจะเป
เขียน jQuery คร่าวๆ
ศึกษาเพิ่มเติมได้ที่หมวด
https://www.mindphp.com/forums/viewforum.php?f=25
โค้ด: เลือกทั้งหมด
$( ".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
ติดตาม 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
-
- PHP Newbie
- โพสต์: 2
- ลงทะเบียนเมื่อ: 08/08/2012 4:02 pm
Re: อยากได้โค๊ด jQuery หรือ Ajax ที่เป็นเงื่อนไขของการเลือกปุ่ม radio แล้วรูปภาพจะเป
ขอบคุณสำหรับโค๊ดนะครับ แต่ผมใส่โค๊ดไม่ถูกครับ รบกวนช่วยหน่อยนะครับ
ผมทำแบบฟอร์มไว้ให้แล้วครับ
<!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>
ผมทำแบบฟอร์มไว้ให้แล้วครับ
<!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
- ตอบกลับ
- แสดง
- โพสต์ล่าสุด
-
-
โพสต์ใหม่ อยากได้ jquery gallery ajax popup ใครมีบ้าง
โดย thatsawan » 01/03/2016 10:57 am » ใน JavaScript & jQuery Ajax & Node.JS - 2 ตอบกลับ
- 2408 แสดง
-
โพสต์ล่าสุด โดย thatsawan
02/03/2016 4:44 pm
-
-
-
โพสต์ใหม่ ถาม jQuery jQuery.get() กับ jQuery.post() ใน ajax
โดย jay_limm » 18/06/2014 2:15 pm » ใน JavaScript & jQuery Ajax & Node.JS - 2 ตอบกลับ
- 5511 แสดง
-
โพสต์ล่าสุด โดย jay_limm
18/06/2014 2:48 pm
-
-
-
โพสต์ใหม่ สอบถามทำ jquery เปิด-ปิดช่องตามที่เลือกจาก radio
โดย eange08 » 03/02/2021 12:32 pm » ใน JavaScript & jQuery Ajax & Node.JS - 2 ตอบกลับ
- 2557 แสดง
-
โพสต์ล่าสุด โดย eange08
03/02/2021 2:21 pm
-
-
-
โพสต์ใหม่ วิธีการใช้งาน JQuery กับ Ajax เพื่อค้นหาข้อมูลจากฐานข้อมูลว่ามมีจริงหรือไม
โดย Ittichai_chupol » 27/11/2019 2:28 pm » ใน jQuery & Ajax Knowledge - 0 ตอบกลับ
- 3130 แสดง
-
โพสต์ล่าสุด โดย Ittichai_chupol
27/11/2019 2:28 pm
-
-
-
โพสต์ใหม่ อยากรู้ว่ามี วิธีเช็คการทำงานมั้ยค่ะ JavaScript , Jquery, Ajax
โดย thatsawan » 19/06/2014 12:07 am » ใน JavaScript & jQuery Ajax & Node.JS - 4 ตอบกลับ
- 4000 แสดง
-
โพสต์ล่าสุด โดย thatsawan
20/06/2014 1:07 pm
-
-
-
โพสต์ใหม่ ใช้ jQuery post ข้อมูลจากฟอร์ม ด้วย Ajax serialize
โดย mindphp » 21/02/2016 3:08 am » ใน jQuery & Ajax Knowledge - 1 ตอบกลับ
- 1889 แสดง
-
โพสต์ล่าสุด โดย mindphp
21/02/2016 3:10 am
-
-
-
โพสต์ใหม่ การค้นหาข้อมูล MySQL โดยใช้เทคนิค Modal JQuery Ajax
โดย abdkode » 05/04/2019 3:44 pm » ใน jQuery & Ajax Knowledge - 0 ตอบกลับ
- 5037 แสดง
-
โพสต์ล่าสุด โดย abdkode
05/04/2019 3:44 pm
-
-
-
โพสต์ใหม่ ต้องการให้ Jquery กด ปุ๋มให้เรา jQuery(selector).submit(); เเต่มันไม่ทำงาน
โดย thatsawan » 21/09/2015 10:32 pm » ใน JavaScript & jQuery Ajax & Node.JS - 4 ตอบกลับ
- 3601 แสดง
-
โพสต์ล่าสุด โดย Keyboardslo
27/01/2016 3:59 pm
-
ผู้ใช้งานขณะนี้
สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 87