2013-02-20 114 views
0

我想通过复选框提交一个带有malsup表单插件的表单,但我无法做到这一点,我发现类似的,说要做以下事情,但我不能通过选项。有没有人做过类似的事情?jQuery Malsup提交复选框

//Check SMS Credits 
    var checksmscredits = { 
    target:  '#responsecredits', 
    beforeSubmit: showRequest, 
    url:  'exec.php?action=checksmscredits', 
    success: function() { 
     jQuery('.loaders').hide(); 
     } 
    }; 

    jQuery('#checksmscredits').ajaxForm(checksmscredits); 

<form id="checksmscredits" method="post" action=""><p><span class="pagedesc"><input type="checkbox" name="sms" onclick="submit()" value="1" /> Text Your Message<br /></span></p></form><div id="responsecredits"></div> 

这是我在下面的链接 submit form using ajaxform on checkbox click

$('form.date-response input[type=checkbox]').live('click', function(){ 
    $(this).parent('form').ajaxForm().submit(); 
}); 

回答

0

利用所提供的代码片段在网上发现,这里有一个建议:

<script type="text/javascript"> 
    $(document).ready(function() 
     { 
      var options = { 
       data: $('#checksmscredits').serialize(), 
       success: function(data) 
       { 
        showSuccess(); 
       }, 
       error: function() 
       { 
        showError(); 
       } 
      }; 
      $('#checksmscredits').ajaxForm(options); 
    }); 

    function showSuccess(){ 
     alert('Success!'); 
    } 

    function showError(){ 
     alert('Error!'); 
    } 
</script> 

<form id="checksmscredits" method="post" action=""> 
    <p><span class="pagedesc"> 
     <input type="checkbox" name="sms" onclick="document.getElementById('checksmscredits').submit();" value="1" /> 
     Text Your Message<br /> 
    </span></p> 
</form> 
<div id="responsecredits"></div>