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.