jquery - 关于在 jquery 中单击复选框执行操作的简单问题

Question

我一定已经看过 10-15 个关于此的教程，但就是无法让它工作，所以在我的 .js 中我有:

    jQuery('#sports : checkbox').click(function() {

alert('it works');

}); 

在我的 .html 文档中，我有:

<input type="checkbox" name="sports"  />

它就是行不通，无论我尝试什么，并且我已经尝试了我能想到的所有变体，输入复选框不在 DIV 或任何东西中(但我也很好奇如何引用它，如果它位于 div 中..只是为了对此测试进行控制，我已经尝试过，它工作正常(其中“testdiv”是我的文档中 DIV 的名称:

   jQuery('#testdiv').click(function() {

alert('it works');

}); 

Answer 1

没有空格:

jQuery('#sports:checkbox')

并且您必须为输入元素提供正确的 ID(# 选择具有相应 ID 的元素):

<input type="checkbox" name="sports"  id="sports" />

或者您搜索属性名称:

jQuery('input:checkbox[name=sports]')