Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,037

HOME > PHP > PHP Forum > ครับ ต้องการ เอาค่า จาก radio button โดย ajax ครับ ต้องทำไงครับ



 

ครับ ต้องการ เอาค่า จาก radio button โดย ajax ครับ ต้องทำไงครับ

 



Topic : 029060



โพสกระทู้ ( 14 )
บทความ ( 0 )



สถานะออฟไลน์




<script language="JavaScript" language="JavaScript">
var req;
function callme()
{
//check();
try{

if(window.XMLHttpRequest)
req= new XMLHttpRequest();
else if(window.ActiveXObject)
req= new ActiveXObject("Microsoft.XMLHTTP");
else{
alert("Browser not Support");
return false;
}

}catch(ex){
alert('Error Ajax Handler Object ???');
}
req.onreadystatechange = statechange;

var str =Math.random();
var querystr="";
querystr+="searchFinal.php?pop="+str;
querystr+="&search="+document.formSearch.search.value;
querystr+="&name="+encodeURI(document.getElementById("name").value);
// alert(encodeURI(document.getElementById("name").value));
alert(querystr);
// req.open("GET",querystr,true);
// req.send(null);
}
function statechange()
{
if(req.readyState ==4)
{

var x=document.getElementById("area");
x.innerHTML=req.responseText;
//alert(req.responseText);
}
else
{
var x=document.getElementById("area");
x.innerHTML=req.responseText;
//alert(req.responseText);
x.innerHTML="<img src=images/indicator_big.gif>Please wait.....";
}
}
</script>

<form name="formSearch" >
<div id="area">555</div>
<table width="224" height="37" border="0" cellpadding="0" cellspacing="5">
<tr>
<td width="150">
<input type="text" name="search" id="search">
</td>
<td width="59">
<input type="button" name="Submit" value="search" onclick="callme();" >
</td>
</tr>
<tr>
<td><input align= "left" type="radio" name="name" value="firstname" id="name" > First Name</td><br>
</tr>
<tr>
<td><input align= "left" type="radio" name="name" value="lastname" id="name" > Family Name</td><br>
</tr>
<tr>
<td><input align= "left" type="radio" name="name" value="email" id="name" > Email</td><br>
</tr>
<tr>
<td><input align= "left" type="radio" name="name" value="affili" id="name" > Affiliation</td><br>
</tr>
<tr>
<td><input align= "left" type="radio" name="name" value="all" id="name" > All</td><br>
</tr>
</table>
</form>



Tag : - - - -







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2009-07-10 11:38:05 By : pjax View : 6486 Reply : 3
 

 

No. 1



โพสกระทู้ ( 33 )
บทความ ( 0 )



สถานะออฟไลน์


ปกติ เวลา radio มัน checked ค่ามันจะเป็น true หน่ะครับ

เวลาส่งก็ส่งปกติ แต่หน้ารับค่า (สมมติ PHP) จะรับประมาณนี้ครับ
Code (PHP)
<?php
$radioValue = $_POST["radioOption"];
if($radioValue == "true")
{
    //Action สำหรับ radio ที่ถูก checked    บลาๆๆๆๆๆๆ
}
else
{
    //Action สำหรับ radio ที่ไม่ถูก checked    บลาๆๆๆๆๆๆ
}
?>







Date : 2009-07-10 14:42:20 By : petro152
 


 

No. 2



โพสกระทู้ ( 1,357 )
บทความ ( 4 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์


แบบ javascript

Code
<script type="text/javascript>
<!--

function get_radio_value()
{
for (var i=0; i < document.formname.radioname.length; i++)
{
if (document.formname.radioname[i].checked)
{
var rad_val = document.formname.radioname[i].value;
}
}
return rad_val ;
}

//-->
</script>


php ค่าที่ได้ จะเป้นค่าที่กำหนดไว้ที่ value="..."

Code (PHP)
<?php
$radio = $_POST['radioname'];
?>

Date : 2009-07-10 17:32:55 By : lozomac
 

 

No. 3



โพสกระทู้ ( 830 )
บทความ ( 0 )



สถานะออฟไลน์


ใช้ jQuery Plugin นะ

Code (PHP)
<?php
<?php
if ( $_GET['action'] == 'ajax' )
{
	echo 'ผลบวกของ ' . $_GET['aaa'] . ' กับ ' . $_GET['bbb'] . ' เท่ากับ ' . ( $_GET['aaa'] + $_GET['bbb'] );
	exit;
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<meta name="author" content="Marosdee" />
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript">
	function alertPoint()
	{
		var a = $('[name=aaa]:checked').val();
		var b = $('[name=bbb]:checked').val();
		
		if ( a == undefined || b == undefined ) 
		{
			alert('เลือกเลขที่จะบอกกันด้วย');
			return false;
		}
		
		$('#ajaxTarget').load('?action=ajax&aaa=' + a + '&bbb=' + b);
	}
</script>
	<title>Untitled 2</title>
</head>

<body>

<div style="width: 500px;border: 1px solid #C0C0C0;padding: 5px;text-align: center">
	<div style="text-align:center">
	aaa
		<input type="radio" name="aaa" id="a1" value="1" /> <label for="a1">เลือก 1 แต้ม </label> 
		<input type="radio" name="aaa" id="a2" value="2" /> <label for="a2">เลือก 2 แต้ม </label> 
		<input type="radio" name="aaa" id="a3" value="3" /> <label for="a3">เลือก 3 แต้ม </label> 
		<input type="radio" name="aaa" id="a4" value="4" /> <label for="point4">เลือก 4 แต้ม </label> 
		<input type="radio" name="aaa" id="a5" value="5" /> <label for="point5">เลือก 5 แต้ม </label><br />
		<br />
		บวกกับ
		<br />
	bbb
		<input type="radio" name="bbb" id="b1" value="1" /> <label for="b1">เลือก 1 แต้ม </label> 
		<input type="radio" name="bbb" id="b2" value="2" /> <label for="b2">เลือก 2 แต้ม </label> 
		<input type="radio" name="bbb" id="b3" value="3" /> <label for="b3">เลือก 3 แต้ม </label> 
		<input type="radio" name="bbb" id="b4" value="4" /> <label for="b4">เลือก 4 แต้ม </label> 
		<input type="radio" name="bbb" id="b5" value="5" /> <label for="b5">เลือก 5 แต้ม </label><br />
		<input type="button" value="บวกไปเลย" id="send" onclick="alertPoint()" />
		
		<div style="padding: 20px;" id="ajaxTarget"></div>
	</div>
</div>

</body>
</html>
?>


วิธีการรับ

var a = $('[name=aaa]:checked').val();
Date : 2009-07-11 22:55:08 By : danya
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : ครับ ต้องการ เอาค่า จาก radio button โดย ajax ครับ ต้องทำไงครับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 01
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่