不起作用检查所有按钮[重复]

【问题标题】：Won't work Check All button [duplicate]不起作用检查所有按钮[重复]
【发布时间】：2011-09-01 04:20:00
【问题描述】：

可能重复：
Select All Checkbox

我有一个 Check All 按钮的以下代码，它将检查我网页上的所有复选框，但它不起作用。函数应该去哪里？因为我尝试将代码放在我的页面上，但它不起作用。

抱歉哈哈，辛苦了一天！！

【问题讨论】：

你显然忘了添加代码...
你忘记了 James 的密码。或者你忘了写它，这就是它什么都不做的原因：p
也许你也忘了在你的页面上添加代码？
这个和重复的问题有什么区别？
JS Fiddle 的选项会阻止代码加载，除非 dom 准备好。这可能是代码在 JS Fiddle 中有效的原因。由于下面 Marc 的回答是正确的，您只需将代码放入 ready 函数中以确保 dom 已准备好被操作。

【解决方案1】：

什么代码？通常，您将 JS 放在页面的 <head> 块中。如果 JS 将处理页面的内容，则需要延迟其执行，直到页面的其余部分加载完毕。在 jquery 中，您可以这样做：

<script>
$(document).ready(function() {
    ... your code here ...
}):
</script>

如果您不使用 JS 库，您可以使用以下方法执行几乎相同的操作：

<body onload="myFunction();">

并让 myFunction 进行初始化/设置。

【讨论】：

当前的明智做法是将所有的javascript 放在body 标记和head 中的所有样式表的关闭之前。这样做的原因通常是，您希望页面的内容能够呈现，并且您不希望这会因为大型 JS 库正在加载而减慢速度。样式表放在首位，因为您确实希望内容在呈现时具有其样式。将 JS 放在 body 标记之前也有助于 SEO。