定型テンプレートと組み合わせた Django アプリを作成しています。チェックボックスのあるテーブルがあり、javascript を使用してすべて選択チェックボックスを実装しようとしていますが、機能していません
この推奨事項のdjangoチェックボックスに従って 、main.jsに入れたjqueryですべて選択します
$("#selectAll").live('change',function() {
$(".checkbox_delete:checkbox").attr('checked', this.checked);
});
また、index.htmlに直接配置しようとしました
私のindex.htmlにyが書いた
<input type="checkbox" id="selectAll" />
<label for="selectAll"> Select</label>
{% for event in latest_events_list %}
<input type="checkbox" class="checkbox_delete" name="event" id="event.id"
value="{{ event.id }}" />
{% endfor %}
ページは正しく表示されるが、JavaScript が機能しない
ボイラープレートは、js ファイルへのリンクを生成します。ヘッダーに表示されます
<script src="/static/js/dh5bp/vendor/modernizr-2.6.2.min.js"></script>
body タグを閉じる前に:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>window.jQuery || document.write ('<script src="/static/js/dh5bp/vendor/jquery-1.10.2.min.js"><\/script>')</script>
<script src="/static/js/dh5bp/plugins.js"></script>
<script src="/static/js/main.js"></script>
すべての js ファイルが正しくリンクされているので、それらをたどることができます
私はjsの経験がないので、何かが足りないかどうかわかりません。
編集：
両方のブラウザにfirebugをインストールしました。Firefoxでは、それは私に警告しました
TypeError: $(...).live is not a function
$("#selectAll").live('change',function() {
だから私はコードを変更しました
$(function(){
$("#selectAll").change(function() {
$(".checkbox_delete:checkbox").attr('checked', this.checked);
});
});
ページを初めてロードしたときに機能するようになりましたが、「すべてを選択」して「すべてを選択解除」すると、再度「すべてを選択」できなくなります