表格提交而不提交

form submission without submit

本文关键字:提交 表格      更新时间:2023-09-26

我有一个具有radio buttons的表单,我想在不使用提交按钮的情况下提交该表单。我想使用AJAX调用。我使用了一段javascript代码使单选按钮不可检查。我想在我为uncheck部分使用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文档:http://api.jquery.com/jquery.ajax/