我正在编写一个 Django 应用程序,并结合了一个样板模板。 我有一个带有复选框的表,我正在尝试使用 javascript 实现一个全选复选框,但无法正常工作
遵循此建议 django checkbox select all by jquery我放入 main.js
$("#selectAll").live('change',function() {
$(".checkbox_delete:checkbox").attr('checked', this.checked);
});
我也试过直接放在index.html上
在我的 index.html 上你写了
<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);
});
});
现在它只在我第一次加载页面时起作用,但是如果我“全选”和“取消全选”我就不能再次“全选”
最佳答案
$(".checkbox_delete:checkbox").attr('checked', $(this).attr('checked));
试试这个
关于Javascript 和 django 应用程序/样板集成,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19567629/