javascript - 使用 PHP 和 AJAX 提交单选按钮

Question

我在使用 PHP 和 AJAX 提交 radio 输入值时遇到问题。我已经构建了下面的代码，但我似乎无法让它工作。有任何想法吗？仅当按下按钮时才需要传递单选字段的值

    <script>
    function showUser(str) {
      if (str == "myvalue") {
        document.getElementById("txtHint").innerHTML = "";
      /// location of new code -start
      document.querySelector('input[name="users"]:checked').value;
      /// location of new code -end
        return;
      } else {
        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 (this.readyState == 4 && this.status == 200) {
            document.getElementById("txtHint").innerHTML = this.responseText;
          }
        };
        xmlhttp.open("GET", "ajax-php.php?q=" + str, true);
        xmlhttp.send();

      }
    }

    </script>

  

    <form>
      <input type="radio" name="users" value="1">
      <input type="radio" name="users" value="2">
      <!-------unable to pass value----------->
      <input type="button" value="myvalue" onclick="showUser(this.value)">

      <!-------unable to pass value----------->
    </form>

    <div id="txtHint">echo results here</div>

  

ajax-php.php

<?php
$q = intval($_GET['q']);

echo $q;
?>

谢谢。

Answer 1

传递给 showUser 函数的“this.value”参数的范围仅限于具有 onclick 函数的元素。因此它试图发送没有值的按钮元素的值。