javascript - django复选框通过jquery全选

Question

我想在单击顶部复选框时选择所有复选框，下面是我的代码:

run.html

<script language="JavaScript" src="media/js/jquery-1.4.2.min.js"></script>
<script language="javascript">
$("#selectAll").change(function() {
  $(".xxx:checkbox").attr('checked', this.checked);
});
</script>
Select All: <input type="checkbox" id="selectAll"><br />
<br />

One: <input type="checkbox" class="xxx" /><br />
Two: <input type="checkbox" class="xxx" /><br />
Three: <input type="checkbox" class="xxx" />

但是为什么它不起作用？

Answer 1

因为selectAll <script> 当时不存在正在运行。所以$("#selectAll")不匹配任何元素。 (当您对任何元素应用操作时，jQuery 不会警告您，它只是默默地不执行任何操作。)

输入 <script>低于<input> ，或将绑定(bind)放入 $(document).ready(function() { ... });阻止使代码在页面加载时运行。

旁白:我会避免使用非标准 jQuery 选择器，例如 :checkbox尽可能，因为它们强制使用 JavaScript Sizzle 选择器库而不是快速 native querySelectorAll 。 input.xxx[type=checkbox]这是另一种说法。