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

ตอบกระทู้

รูปแสดงอารมณ์
:icon_plusone: :like: :plusone: :gfb: :-D :) :( :-o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: :angry: :baa: :biggrin:
รูปแสดงอารมณ์อื่นๆ
BBCode เปิด
[img] เปิด
[url] เปิด
[Smile icon] เปิด
กระทู้แนะนำ
   

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

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

โดย nattkhanesha » 08/08/2012 4:34 pm

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

<!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>

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

โดย mindphp » 08/08/2012 4:21 pm

เขียน 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

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

โดย nattkhanesha » 08/08/2012 4:08 pm

อยากได้โค๊ด 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 4386 times

ข้างบน