提交表单而不提交按钮并且不刷新页面？

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;提交功能。

但请记住，您需要先点击单选按钮才能让您提交功能工作。