快疯了。使用 jquery 检查复选框时的简单警报

Question

单击/选中复选框时，我无法收到简单的警报。我一直在挠头，想知道为什么我无法让它工作，而且我知道这将是一件简单的事情......那么，我做错了什么？

<script type="text/javascript">
$('#test1').click(function(){
alert('clicked');
});
</script>

<input type="checkbox" id="test1" value="test1" name="test1" value="-1">test1</input>

Answer 1

您不是在等待 DOM 准备就绪。如果你愿意，它会起作用：

<script type="text/javascript">
$(function(){
    $('#test1').click(function(){
        alert('clicked');
    });
});
</script>

<input type="checkbox" id="test1" value="test1" name="test1" value="1" /> test1

小提琴： http://jsfiddle.net/sanbc/

Answer 2

您需要将其包装在 document.ready() 中，否则可能会在元素存在之前分配单击事件。

或者

确保包含 jQuery 库。

或者

确保不包含其他 javascript 库，它们可能会弄乱 $ 对象。如果是，请将 $ 替换为 jQuery。

尝试一下，然后回复我并发表评论

Answer 3

这对我有用。

示例： http://jsfiddle.net/jasongennaro/9dSMM/

也许 DOM 有问题还没准备好？

请记住将其包装在 document.ready 中。

$(document).ready(function() {
   // put all your jQuery goodness in here.
 });

更多信息

Answer 4

将代码放入 $(document).ready 事件中，以便在尝试向其注册事件处理程序时确保该复选框存在。

Answer 5

只是为了检查明显的情况，如果没有这个包装器，我从未编写过任何 Jquery UI 代码：

 $(document).ready(function() {
       //......
     });