关于在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')

并且您必须为input元素指定正确的ID（#选择具有相应ID的元素）：

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

或者您搜索属性name：

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

Answer 2

你的选择器有点偏，你需要这个（对于你当前的标记）：

jQuery(':checkbox[name=sports]').click(function() {
  alert('it works');
});

当您执行#sports : checkbox选择器时，它正在寻找......我不确定是什么，但#sports :checkbox正在寻找<{1}} 内部 <input type="checkbox" />的元素。 id="sports"正在使用attribute-equals selector。您可以找到选择器的完整列表here。

Answer 3

您是否尝试过在html中添加ID？ jQuery中的＃表示你正在选择一个id。