選擇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，以便您可以提交表單。