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

nattkhanesha · Post by **nattkhanesha** » 08/08/2012 4:08 pm

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

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

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

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

ตัวอย่าง : การเลือกปุ่ม radio (image1) และ ตัวอย่าง : การเลือกปุ่ม radio (image2)

YouTube · Post by **mindphp** » 08/08/2012 4:21 pm

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

Code: Select all

$( ".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

nattkhanesha · Post by **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>

เว็บบอร์ด PHP เว็บส่งเสริมการเรียนรู้ Hosting CRM ERP Server Programming ถาม-ตอบปัญหา

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

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

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

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

Who is online