jQuery复选框更改，click事件不适用于jQuery1.8.2
[英]jquery checkbox change,click event not working with jQuery1.8.2
问题描述
我有一个简单的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");
});
});
4 个解决方案
解决方案1
3 2013-03-12 06:24:43
您会忘记标签声明中的=和输入类型的id-="chkJS" 。
<input type="checkbox" id="chkJS"/><label for="chkJS">click this</label>
要么
您的代码可以在fiddle正常工作，因为小提琴会自动为您加载jQuery，否则您可能不会加载jQuery。
因此，请检查jQuery是否已加载。
解决方案2
0 2013-03-12 06:24:54
您在id-="chkJS"属性的输入元素中有错字。 应该是这样
<input type="checkbox" id="chkJS"/><label for="chkJS">click this</label>
演示： CheckBox演示
解决方案3
0 2013-03-12 06:26:53
id-="chkJS"
应该
id="chkJS"
解决方案4
0 2013-03-12 06:27:53
您编码的元素具有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 复选框更改和单击事件
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.