2014-09-30 252 views
-1

我有一个表格,其中有radio buttons,我想在不使用提交按钮的情况下提交该表单。我想使用AJAX调用。我使用了一段JavaScript代码来使单选按钮不可检测。我想在同一页面中使用AJAX,我使用uncheck部分的id属性。 我需要发送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>"; 
    } 
?> 
+2

临提示:??你能跳进出“PHP模式”使用'>您的HTML PeeHaa 2014-09-30 20:32:37

+0

这是一个旧的代码,感谢提示 – 2014-09-30 20:34:56

回答

0

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

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

有关阿贾克斯细节,看看jQuery的文档:http://api.jquery.com/jquery.ajax/