用于在其名称属性中包含某些文本的复选框的 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 Demo

Answer 2

你可以使用start with选择器：

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

或：

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

Answer 3

我相信您可以将:checkbox 选择器和attribute-contains 选择器结合起来：

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

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

更新：

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

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