Nasıl PHP AJAX kullanarak radyo düğmesi değerini kontrol almak için?

1 Cevap php

Ben PHP AJAX kullanarak kontrol radyo düğmesi değerini almak için gidiyorum. Ben aşağıdaki kodu yaptık, ama devam edemez.

Senin yardımına ihtiyacım var.

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

Bu tamamlamak için nasıl biliyor musunuz? Şimdiden teşekkürler. :)

Edit:

Çünkü ağ düşük hızda, hemen buraya kodunu açamazsınız. Özür dilerim.

I rapidshare bunu paylaştı. Öncelikle indirmek ve daha sonra yardımcı olabilir misiniz? Çok teşekkürler.

Ben eve giderken güncellemek zorunda. Çok kötü.

1 Cevap

Ben çoğunlukla jQuery kullanın çünkü burada çok daha kolay ve temiz olduğu için radyo düğmesi değerleri denetler snipped bir jquery yazdı:

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

Burada jquery için bir göz atın: Jquery

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

Sonra işlev kodu çalışacaktır. Bu kod isim radyo1'dan ile giriş kutusunun değerini alır. 'işaretli' sadece kontrol radyo düğmesinin değeri seçer emin olun yapar:

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

Ve son. Bu kimliği olarak # btn_get ile öğenin içine değişkenin değerini koyar:

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