Question

我目前使用以下代码提交表单，然后将结果插入div中。按下按钮提交表单：

<script type="text/javascript">

$(document).ready(function()
{

$('#create').live ('submit', function() {

$.ajax(
    {

    data: $(this).serialize(), // get the form data

    type: $(this).attr('method'), // GET or POST

    url: $(this).attr('action'), // the file to call

    success: function(response)
        { // on success..

        $('#created').html(response); // update the DIV

        }

    });

$('#url').val('');

return false; // cancel original event to prevent form submitting
});

$("#content").load("contentpage.php");

});
</script>

我想更改此内容，以便不是通过按钮提交表单，而是通过单击复选框提交表单。这可能吗？页面上有很多表单（以及几个复选框）。需要提交表单的人称为“submitcheckbox”

任何帮助都会很棒......

罗斯

Answer 1

一些事情

$('#submitcheckbox').click(function() {
    if ($(this).is(':checked')) {
        // submit form here with your $.ajax call.
    }
}

Answer 2

$('#submitcheckbox').bind('change', function() {
 document.getElementById('create').submit();
});

这样就可以了解

Answer 3

复选框会公开click事件，因此您基本上会更改：

$('#create').live ('submit', function()

到

$('#submitcheckbox').live ('click', function()

请注意，检查并取消选中复选框时会发生这种情况。

Answer 4

你可以试试这个，

$('#submitcheckbox').bind('click', function() {
      document.getElementById('formid').submit();
});

感谢。

Answer 5

要通过Ajax提交表单，请尝试使用

包括jquery.form.js。
有关此插件的更多详细信息，请访问http://jquery.malsup.com/form/

并添加此脚本：

$(':checkbox').click(function(){

    $('form[name="form_name"]').ajaxSubmit();

});

在复选框上单击提交表单

5 个答案: