How to get checked radio button value using AJAX in PHP?

ajax, php, radio-button

Solution

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

Problem

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.

Original source