使用 javascript 提交表单答案

【问题标题】：submit form using javascript使用 javascript 提交表单
【发布时间】：2013-08-02 11:54:29
【问题描述】：

javascript：

$("#id_report").on('change', function() {
   var reportform = document.getElementById("status-form");
   var live = document.getElementById("id_report");
   if (live.checked == true){
    reportform.submit();
   }
  });

forms.py

class Reportform(Form):
    report = forms.BooleanField(widget=forms.CheckboxInput(),required=False, label="Report",initial=True)

模板.html

<form action="." id="status-form" method="POST">{% csrf_token %}
  <p>{{closedreport.report}}Show Reports</p>
  </form>

如果复选框被选中，我想提交表单。默认情况下，复选框被选中，但表单没有被提交。

【问题讨论】：

'默认勾选复选框'，所以要立即提交表单？
@user2086641 你到底为什么要这么做？ :D 也许你正在尝试实现一些可以用更简单和更逻辑的方式来完成的事情。

标签： javascript jquery django django-forms

【解决方案1】：

试试这个：

$("#id_report").click(function(){
    if($(this).is(':checked'){
        $("#status-form").submit();
    }
});

当按钮被点击时，脚本会检查复选框是否被选中。如果是，请提交表单。

【讨论】：

【解决方案2】：

要立即提交您的表单（我猜您希望在您的表单所在的页面加载时发生这种情况），您可以这样做：

// Wait for document to load
$(function(){
    // Check if your checkbox is indeed checked
    if($('#id_report').is(':checked'){
        // Submit the form
        $("#status-form").submit();
    }
});

或者你可以这样做：

$(function(){
    $("#status-form").on('change', '#id_report', function() {
        var reportform = document.getElementById("status-form");
        var live = document.getElementById("id_report");
        if (live.checked == true){
            reportform.submit();
        }
    }).trigger('change');
});

【讨论】：