Question

我有一个我无法更改的表单，我只能从jquery处理它的提交函数。

表单只有单选按钮。我想在选中单选按钮时提交没有页面参考的表单。

这是我试过的代码。

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

它应该提醒“提交的表单”，但它没有。

我做错了什么？

Answer 1

如果你想提交没有pageload的表单，那么你需要去ajax。

如果您在提交时需要提醒，则需要稍微修改一下您的代码..

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

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

Answer 2

我在jsFiddle上尝试了这个例子。我的代码将在检查radioButton时提交表格。

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

如果您希望提醒您表单的提交，则必须添加此代码

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

Answer 3

您的代码运行良好 - 只需确保将此代码放在document.ready event。

中

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

请注意，此选择器正在查找所有单选按钮。此外，如果您不需要刷新页面 - 您应该添加return false;提交功能。

但请记住，您需要先点击单选按钮才能使功能正常工作。

Answer 4

您的IF中的代码说：“如果表单已提交，则提醒用户”。因此，在检查无线电控制时，您必须手动提交表格。

在关闭IF之前，请输入以下代码：

$('yourForm').submit();

Answer 5

在这种情况下，您只需侦听提交事件。如果要触发提交事件，请添加以下行：

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

Answer 6

因为您希望不刷新页面，所以使用Ajax，这是官方文档：

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

提交没有提交按钮的表单，没有页面刷新？

6 个答案: