javascript - 使用 javascript 提交表单

Question

javascript:

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

表格.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>

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

Answer 1

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

// 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');
});

Answer 2

尝试这个：

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

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