Question

我有一个简单的js，我在点击或更改复选框事件时显示警告。我正在使用jquery-1.8.2.js库文件。代码在jsFiddle中正常工作，但它在其他地方不起作用。我无法弄清楚这里可能存在什么问题。

<input type="checkbox" id-="chkJS"/><label for "chkJS">click this</label>

$(document).ready(function(){
    $('#chkJS').change(function(){
    alert("changed it");
    });
    $('#chkJS').click(function(){
    alert("clicked it");
    });
});

Answer 1

您忘记了标签声明中的=和输入类型id-="chkJS"。

<input type="checkbox" id="chkJS"/><label for="chkJS">click this</label>

或

您的代码在fiddle中运行正常，因为小提琴会自动为您加载jQuery，而在其他情况下您可能无法加载jQuery。

所以请检查是否加载了jQuery。

Answer 2

您的id-="chkJS"属性的输入元素中有拼写错误。它应该是这样的

<input type="checkbox" id="chkJS"/><label for="chkJS">click this</label>

演示：CheckBox demo

Answer 3

id-="chkJS"

应该是

id="chkJS"

Answer 4

您对id属性的连字符进行了编码，例如id- =，因此当选择器搜索元素时，该元素没有id。请按以下方式更改，

<script src="https://www.google.com/jsapi"></script>
<script>
google.load('jquery', '1.3.1');
</script>
<body>
      <input type="checkbox" id="chkJS"/><label for "chkJS">click this</label>
        <script>
        $(document).ready(function(){
            $('#chkJS').change(function(){
            alert("changed it");
            });
            $('#chkJS').click(function(){
            alert("clicked it");
            });
        });
        </script>
</body>

我希望它有所帮助。

jquery复选框更改，单击不使用jQuery1.8.2的事件

4 个答案: