Question

我将在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分享了它。你能先下载它，然后帮忙吗？非常感谢。

我回家后必须更新它。太糟糕了。

Answer 1

因为我主要使用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);

如何在PHP中使用AJAX获取选中的单选按钮值？

1 个答案: