снимите флажки и отметьте все флажки кнопкой в ​​колбе

Question

У меня есть колба, в которой есть несколько флажков, некоторые из которых предварительно проверены. Я хотел бы иметь кнопку, которая проверяет / снимает все флажки. Я понял, что должен делать это с помощью функции javascript, поэтому я создал файл script.js в статической папке и поместил в него следующие функции:

$("#check-all").click(function(){
    $("input[type='checkbox']").prop('checked',false);
});


$("#uncheck-all").click(function(){
    $("input[type='checkbox']").prop('checked',true);
})

Это HTML-страница:

<script type="text/javascript" src="{{ url_for('static', filename = 'script.js') }}"></script>
<div class="row" style="border:solid ; background-color:lightgray">
    <form method="POST" , action="{{ url_for('submitting') }}">
        <div class="col-md-6">
            <br>Please select detached object(s):<br>
            {% for o in data.objects %}
            <h4><input type="checkbox" name="word_objs" value="{{ o }}"> {{ o }} <br></h4>
            {% endfor %}
            <input type="button" id="uncheck-all" value="UncheckAll"/>
            <input type="button" id="check-all" value="CheckAll"/><br>
        </div>
    </form>

    {% endblock %}
</div>

Но, к сожалению, ни один из них не работает. Буду признателен, если кто-нибудь поможет мне с этим.