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をキャンセルしてフォームを送信できます。