Javascript 使用:选中的选择器

Javascript 使用:选中的选择器,javascript,jquery,jquery-selectors,Javascript,Jquery,Jquery Selectors,我对jquery复选框感到困惑:选中选择器。即使在阅读了文档之后,我也不知道如何使用它 HTML: <div class="addbox"> <h4><span class="addbox-text">Pick your best work from <b class="highlight-text">Flickr</b> to display in your portfolio</span></h4> <

我对jquery复选框感到困惑:选中选择器。即使在阅读了文档之后,我也不知道如何使用它

HTML:

<div class="addbox">
<h4><span class="addbox-text">Pick your best work from <b class="highlight-text">Flickr</b> to display in your portfolio</span></h4>
<div class="addbox-buttons"><input type="button" id="addbox-add" value="Add"><input type="button" id="addbox-cancel" value="Cancel"></div>
<div class="addmenu-item" id="addmenu-item-1e30"><span class="addmenu-image"><img class="addmenuimage" src="http://farm8.staticflickr.com/7122/7424355198_72620895bd_m.jpg"></span><span class="addmenu-info"><input type="checkbox" id="add-check-1e30">Orchid Profiles</span></div>
<div class="addmenu-item" id="addmenu-item-1230"><span class="addmenu-image"><img class="addmenuimage" src="http://farm8.staticflickr.com/7122/7424355198_72620895bd_m.jpg"></span><span class="addmenu-info"><input type="checkbox" id="add-check-1230">Orchid Profiles</span></div>
</div>​
有两个复选框如果单击“添加”按钮,它将显示每个复选框的警报消息。但它不起作用。有人能指出错误吗


删除空间:工作演示

你有:

$("input[type=checkbox] :checked")
//                     ^--- Space! NO!!! :)
因此,您的代码搜索选中的复选框\复选框内的收音机。。。你猜怎么着,jQuery没有找到这些

如果没有空格,则将其视为额外的筛选器信息

就像:

$("input[type=checkbox]").filter(':checked').each( function() {
    alert("yes");
});

顺便说一句,越晚速度越快。删除空格:工作演示

你有:

$("input[type=checkbox] :checked")
//                     ^--- Space! NO!!! :)
因此,您的代码搜索选中的复选框\复选框内的收音机。。。你猜怎么着,jQuery没有找到这些

如果没有空格,则将其视为额外的筛选器信息

就像:

$("input[type=checkbox]").filter(':checked').each( function() {
    alert("yes");
});

顺便说一句,后者速度更快。

+1但指出空格的含义以及不正确的选择器实际试图查找的内容可能会有所帮助。@tats,感谢演示,但请注意,您重写了我的代码<代码>:)谢谢。我用的是Mackbook Pro,在chrome中它不起作用。请在Chrome或Subhajit中测试一次。工作很好。不知道为什么它不工作,我也不明白。请检查一下chrome并让我知道。+1但指出空格的含义以及不正确的选择器实际试图查找的内容可能会有所帮助。@tats,感谢演示,但请注意,您覆盖了我的代码<代码>:)谢谢。我用的是Mackbook Pro,在chrome中它不起作用。请在Chrome或Subhajit中测试一次。工作很好。不知道为什么它不工作,我也不明白。请在chrome上检查一次并让我知道。另请参阅:“复选框检查事件”。-只是一个术语说明:您是指
:checked
选择器。@nnnnnn+我花了一段时间才明白这些话是如何与问题相关的<代码>:)另请参见:“复选框选中的事件。”-只是一个术语说明:您指的是
:选中的
选择器。@nnnnnn+我花了一段时间才明白这些话是如何与问题相关的<代码>:)