jquery - 用于在其名称属性中包含某些文本的复选框的 jQuery 选择器

Question

我试图在 jQuery 中找到一个选择器，它选择所有作为复选框的输入，并且它们的名称包含一个特定的单词，如“top”或“Top”。在选择其他复选框时遇到麻烦。

是否可以使用类似的东西：

$("input[name*='top'] type:checkbox").each etc?

Top 1<input type="checkbox" name="Top1" /><br />
Top 2<input type="checkbox" name="Top2" /><br />
Top 3<input type="checkbox" name="Top3" /><br />
Top 4<input type="checkbox" name="Top4" /><br />

Bottom 1<input type="checkbox" name="Bottom1" /><br />
Bottom 2<input type="checkbox" name="Bottom1" /><br />
Bottom 3<input type="checkbox" name="Bottom1" /><br />
Bottom 4<input type="checkbox" name="Bottom1" /><br />

我只想选中名称中包含“top”一词的复选框。

Answer 1

你很亲近...

$("input[type='checkbox'][name^='Top']").each()

jsFiddle 演示

Answer 2

我相信你可以结合:checkbox选择器和属性包含选择器：

$("input:checkbox[name*='top']").each(); 

不确定它是否需要不区分大小写，在这种情况下你可以看看这个SO question。

更新：

正如 bažmegakapa 在他的评论中指出的那样，:checkbox选择器根据文档已被弃用。因此，最好使用：

$("input[type=checkbox][name*='top']").each();

Answer 3

你可以使用start with选择器：

$("input[name^='Top']")

或者：

$("input[name^='Top']:checkbox")