Home/ Questions/Q 581555
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-13T14:35:29+00:00

I’m going to get the checked radio button value using AJAX in PHP. I

  • 0

I’m going to get the checked radio button value using AJAX in PHP. I have done the following code, but i can’t continue.

I need your help.

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;
        }
    }
}

Do you know how to complete this? Thanks in advance. 🙂

Edit:

I can’t post the code here right now, because of the low speed of network. I’m sorry.

I have shared it in rapidshare. Can you download it firstly, and help then? Thanks a lot.

I have to update it when i go back home. Too bad.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    because I mostly use Jquery I wrote here a jquery snipped that checks radio button values because it is much easier and cleaner:

    <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>

    Take a look for jquery here: Jquery

    Explanation:
    This part selects the item with the ID #buttoncheck and checks if its ran: $('#buttoncheck').click(function () {

    Then it will run the code in the function. This code gets the value of a input box with the name radio1. the ‘:checked’ makes sure that it only selects the value of the checked radio button: 

    var var_name = $("input[name='radio1']:checked").val();

    And last. This puts the value of the variable into the item with #btn_get as id: 

    $('#btn_get').val(var_name);
    • 0