jQuery选择器，用于在其name属性中包含某些文本的复选框

Question

我正在尝试在jQuery中找到一个选择器，它选择所有的复选框输入，并且它们的名称包含一个特定的单词，如“top”或“Top”。无法通过b / c选择其他复选框。

是否可以使用以下内容：

$("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();