Dyl*_*SUN 2 php ajax radio-button
我将在PHP中使用AJAX获取已检查的单选按钮值.我已经完成了以下代码,但我无法继续.
我需要你的帮助.
ajax_radio.php
<html>
<head>
<script type="text/javascript" src="ajax.js" ></script>
</head>
<body>
<input type="radio" name="radio1">Blue</input>
<input type="radio" name="radio2">White</input>
<input type="radio" name="radio3">Red</input>
<input type="button" name="btn" value="Click" onClick="hello('a')"></input><br />
<input type="text" id="btn_get" name="get_btn_value"></input>
</body>
</html>
ajax.js
var xmlHttp;
function GetXmlHttpObject(){
try{
xmlHttp = new XMLHttpRequest();
}
catch(e){
try{
xmlHttp = new ActiveXObject(Msxml2.XMLHTTP);
}
catch(e){
try{
xmlHttp = new ActiveXObject(Microsoft.XMLHTTP);
}
catch(e){
alert("doesn't support AJAX");
return false;
}
}
}
}
function hello(a){
GetXmlHttpObject();
xmlHttp.open("GET","ajax_radio.html?",true);
xmlHttp.onreadystatechange = response;
xmlHttp.send(null);
}
function response(){
if(xmlHttp.readyState == 4){
if(xmlHttp.status == 200){
var radio_text = xmlHttp.responseText;
document.getElementById('btn_get').innerHTML = radio_text;
}
}
}
你知道如何完成这个吗？提前致谢.:)
编辑:
由于网络速度慢,我现在无法发布代码.对不起.
我在rapidshare中分享了它.你能先下载它,然后帮忙吗？非常感谢.
我回家的时候必须更新它.太糟糕了.
因为我主要使用Jquery,我在这里写了一个jquery snipped,检查单选按钮值,因为它更容易和更清洁:
<script src="http://www.google.com/jsapi"></script>
<script>
google.load("jquery", "1.4.0");
</script>
<script type="text/javascript">
$(function() {
$('#buttoncheck').click(function () {
var var_name = $("input[name='radio1']:checked").val();
$('#btn_get').val(var_name);
});
});
</script>
<html>
<head>
<script type="text/javascript" src="ajax.js" ></script>
</head>
<body>
<input type="radio" value="Blue" name="radio1">Blue</input>
<input type="radio" value="White" name="radio1">White</input>
<input type="radio" value="Red" name="radio1">Red</input>
<input id="buttoncheck" type="button" name="btn" value="Click"></input>
<br />
<input type="text" id="btn_get" name="get_btn_value"></input>
</body>
</html>
在这里查看jquery:Jquery
说明:此部分选择ID为#buttoncheck的项目并检查其是否已运行: $('#buttoncheck').click(function () {
然后它将运行函数中的代码.此代码获取名为radio1的输入框的值.':checked'确保它只选择已检查单选按钮的值:
var var_name = $("input[name='radio1']:checked").val();
最后.这会将变量的值放入#btn_get为id的项目中:
$('#btn_get').val(var_name);