如何在ajax中创建单选按钮 - php?

时间:2012-06-29 06:03:43

标签: php ajax button radio

单选按钮的代码有什么问题? 当我尝试SELECT / OPTION时,它正在工作。

我正在尝试制作两组单选按钮,获取它们的值并总结。 但由于收音机按钮根本没有响应,我无法通过。

这些是我表单的输入:

<input type='radio' id='1' name='r' onclick='pieces('this.value')' 
       autocomplete='off' value='yes'>Yes
<input type='radio' id='2' name='r' onclick='pieces('this.value')' 
       autocomplete='off' value='no'>No

我的剧本:

<script type='text/javascript'>

    function pieces(str)
    { 

        if (str=='')
        {
            document.getElementById(abc).innerHTML='';
            return;
        }

        if (window.XMLHttpRequest)
        {
            // code for IE7+, Firefox, Chrome, Opera, Safari
            xmlhttp=new XMLHttpRequest();
        }
        else
        {
            // code for IE6, IE5
            xmlhttp=new ActiveXObject('Microsoft.XMLHTTP');
        }

        xmlhttp.onreadystatechange=function()
        {
            if (xmlhttp.readyState==4 && xmlhttp.status==200)
            {
                document.getElementById(abc).innerHTML=xmlhttp.responseText;
            }
        }

        xmlhttp.open('GET','price.php?q='+str,true);
        xmlhttp.send();

    }
</script>

1 个答案:

答案 0 :(得分:2)

这是修改后的脚本。 输入:

<input type='radio' id='1' name='r' onclick="pieces(this.value);" 
       autocomplete='off' value='yes'>Yes
<input type='radio' id='2' name='r' onclick="pieces(this.value);" 
       autocomplete='off' value='no'>No

这是js脚本:

 function pieces(str)
    { 

        if (str=='')
          {
          document.getElementById("abc").innerHTML='Choose something';
          return;
          }

        if (window.XMLHttpRequest)
          {// code for IE7+, Firefox, Chrome, Opera, Safari
          xmlhttp=new XMLHttpRequest();
          }
            else
              {// code for IE6, IE5
              xmlhttp=new ActiveXObject('Microsoft.XMLHTTP');
              }

        xmlhttp.onreadystatechange=function()
            {
            if (xmlhttp.readyState==4 && xmlhttp.status==200)
                {
                document.getElementById("abc").innerHTML=xmlhttp.responseText;
                }
            }

        xmlhttp.open('GET','hey.php?q='+str,true);
        xmlhttp.send();

    }

如果有任何疑问,请告诉我。

Jasminder