选择django模板中的所有复选框

Question

我正在使用以下代码在django模板中“选择所有”并“清除”我的django表单的复选框。

<form id="inv_form" method="post" action="{% url 'inventory:create_inventory' %}"> 
    {% csrf_token %} 
    {{ form.as_p }} 
    <input type="submit" name="submit" value="Create Inventory" /> 
    <a href="{% url 'user:dashboard' %}">Cancel</a> 
    <button onclick="select_all()">Select All</button> 
    <button onclick="deselect_all()">Clear</button> 
    </form> 

    function select_all() { 
    $('input[type=checkbox]').prop('checked', true); 
    } 

    function deselect_all() { 
    $('input[type=checkbox]').prop('checked', false); 
    } 

问题是如果我按下'全部检查'按钮，表格会自动张贴。在“清除”按钮的情况下也是如此。

所以我尝试添加preventDefault（）到我的表单提交事件。

$("#inv_form").submit(function(event){ 
    event.preventDefault(); 
    }); 

现在原来的问题已经解决了，但即使点击提交也不起作用。

如何使检查没有自动发布Django的形式

Answer 1

你可能讨厌解除绑定提交所有按钮的工作，那么你就可以提交表单。

$('some_form').unbind('submit').submit() 

此方法应取消prevenDefault，以便您可以提交表单。