提交表單而不提交按鈕並且不刷新頁面？

Question

我有一個表單，我不能改變，我必須從jquery處理它的提交功能。

表單只有單選按鈕。我希望在單選按鈕被選中時不提交頁面的情況下提交表單。

這是我試過的代碼。

$('input[type="radio"]').click(function(){ 
    if ($(this).is(':checked')) 
    { 
     $('form#my-form').submit(function(){ 
     alert('form submitted'); 
     }); 
    } 
}); 

它應該提醒「表單提交」，但它沒有。

我做錯了什麼？

Answer 1

如果你想提交表單沒有頁面加載，那麼你就需要去阿賈克斯。

如果你想報警，同時提交，您需要修改我們的代碼有點..

$('input[type="radio"]').click(function(){ 
    if ($(this).is(':checked')) 
    { 
     $('form#my-form').submit(); 
    } 
}); 

$('form#my-form').submit(function(){ 
     alert('form submitted'); 
     }); 

Answer 2

IF中的代碼表示：「如果表單被提交，則提醒用戶」。所以你必須在檢查無線電控制時手動提交表格。

之前關閉IF，輸入以下代碼：

$('yourForm').submit(); 

Answer 3

在這種情況下，你只是監聽提交事件。如果你想觸發提交事件你有加入這一行：

$('form#my-form').submit();

Answer 4

我試過jsFiddle這個例子。我的代碼將在radioButton的檢查中提交表單。

$('input[type="radio"]').click(function(){ 
    if ($(this).is(":checked")) 
     $('form#my-form').submit(); 
});​ 

如果您想提醒提交您的形式你必須添加此代碼

$("#my-form").submit(function() { 
    alert("submitting form ...");   
}); 

Answer 5

因爲你希望你的頁面不被刷新，使用Ajax東西，這裏是官方文檔：

http://api.jquery.com/jQuery.ajax/

Answer 6

您的代碼工作得很好 - 只要確保你把這個代碼裏面的document.ready事件。

$(document).ready(function() { 
    $('input[type="radio"]').click(function(){ 
     if ($(this).is(':checked')) 
     { 
      $('form#my-form').submit(function(){ 
      alert('form submitted'); 
      }); 
     } 
    }); 
}) 

請注意，此選擇器正在查找所有單選按鈕。另外，如果你不需要刷新頁面 - 你應該添加返回false;提交功能。

但請記住，您需要先點擊單選按鈕才能讓您提交功能工作。