Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/229.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 提交表格而不提交_Javascript_Php_Ajax_Radio Button - Fatal编程技术网

Javascript 提交表格而不提交

Javascript 提交表格而不提交,javascript,php,ajax,radio-button,Javascript,Php,Ajax,Radio Button,我有一个表单,它有单选按钮,我想在不使用提交按钮的情况下提交该表单。我想使用AJAX调用。我使用一段javascriptcode使单选按钮不可选中。我想在为取消选中部分使用id属性的同一页面中使用AJAX。 当表单发生任何更改时,我需要将AJAX请求发送到另一个PHP页面我想知道应该怎么做如何编写表单提交的AJAX调用我需要在单选按钮区域使用它们还是必须在整个表单上使用它们一旦一个简单的示例将对我有很大帮助,下面是我的单选按钮部分 <?php for($i=0 ;$i&

我有一个表单,它有
单选按钮
,我想在不使用提交按钮的情况下提交该表单。我想使用AJAX调用。我使用一段javascriptcode使单选按钮不可选中。我想在为
取消选中
部分使用id属性的同一页面中使用AJAX。
当表单发生任何更改时,我需要将AJAX请求发送到另一个PHP页面我想知道应该怎么做如何编写表单提交的AJAX调用我需要在单选按钮区域使用它们还是必须在整个表单上使用它们一旦一个简单的示例将对我有很大帮助,下面是我的单选按钮部分

    <?php


    for($i=0 ;$i<20;$i++){

       echo" <input type='radio' class='radio-button' name='{$i}'>";
       echo" <input type='radio' class='radio-button' name='{$i}'>";
       echo" <input type='radio' class='radio-button' name='{$i}'>" ."</br>";
       echo "<script type=\"text/javascript\">";
       echo" var allRadios = document.getElementsByName('{$i}');";
       echo" var booRadio;";
       echo" var x = 0;";
       echo" for(x = 0; x < allRadios.length; x++){";

            echo"allRadios[x].onclick = function() {";
              echo"  if(booRadio == this){";
                   echo" this.checked = false;";
                  echo"  booRadio = null;";
              echo"  }else{";
                   echo" booRadio = this;";
                echo"}";
           echo" };";
      echo"  }";
    echo"</script>";
    }
?>

您能使用jQuery吗?您可以在单选按钮上设置一个监听器,当它们发生变化时触发ajax调用

$('input[type="radio"].change(function() {
  $.ajax(url, options);
});

有关ajax的详细信息,请查看jQuery文档:

Pro提示:您可以使用
?>跳入或跳出“php模式”,您的html是一个旧代码,谢谢提示