Как проверить значение переключателя, используя AJAX в PHP? - PullRequest
Новая
       15

Как проверить значение переключателя, используя AJAX в PHP?

2 голосов
/ 27 января 2010

Я собираюсь получить проверенное значение переключателя, используя AJAX в PHP. Я сделал следующий код, но я не могу продолжить.

Мне нужна твоя помощь.

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

Вы знаете, как это сделать? Заранее спасибо. :)

Edit:

Я не могу опубликовать код здесь сейчас, из-за низкой скорости сети. Прости.

Я поделился этим в rapidshare . Можете ли вы сначала скачать его, а потом помочь? Большое спасибо.

Я должен обновить его, когда вернусь домой. Очень плохо.

1 Ответ

8 голосов
/ 27 января 2010

, поскольку я в основном использую 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

Пояснение: Эта часть выбирает элемент с идентификатором #buttoncheck и проверяет, выполнялся ли он: $('#buttoncheck').click(function () {

Тогда он запустит код в функции. Этот код получает значение поля ввода с именем radio1. «: флажок» гарантирует, что он выбирает только значение отмеченного переключателя: 

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

И последнее. Это помещает значение переменной в элемент с #btn_get как id: 

$('#btn_get').val(var_name);
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...