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 ready。如果你愿意，那就行了：

<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（）中，否则可能会在元素存在之前分配click事件。

OR

确保包含jQuery库。

OR

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

尝试这些并通过评论回复我

Answer 3

这适合我。

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

也许DOM没有准备好存在问题？

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

中

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

More here

Answer 4

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

Answer 5

为了检查显而易见的事情，我没有编写任何没有这个包装器的Jquery UI代码：

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

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

5 个答案: