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

标签 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 剪辑,因为它更容易和更清晰:

<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 - 如何在 PHP 中使用 AJAX 获取选中的单选按钮值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2145990/

相关文章:

php - 仅当 Nginx 文件不存在时才将 URL 重定向到 PHP

php - 使用 html 表单上传 sqlite 数据库文件并在提交时显示其表格

javascript - 如何从异步调用返回响应?

jquery - Asp.Net MVC 中的 Ajax 返回问题

php - 检查是否存在具有给定值的行

php - Magento错误magento SQLSTATE[23000] : Integrity constraint violation: 1062 Duplicate entry

javascript - jQuery AJAX 附加到 Json 返回数据 "d:null"

jquery - 如何处理 IE 7 中的单选按钮更改

WPF RadioButton/ToggleButton 样式

javascript - 如何将值传递给 iCheck 的 onchecked 事件处理程序