2014-09-30 250 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/