javascript - 未选择逗号分隔的复选框值

Question

如果我有一个带有单个单词值的复选框，例如

<div id="search">
 <input type="checkbox" value="Houston" >
</div>

我可以使用下面的 JQuery 来选择它

$('#search').find("input:checkbox[value=Houston]")
            .attr("checked", true);

但是，如果我的值是逗号分隔的，例如 value="Texas, Houston" ，那么我无法选中复选框，但会收到如下错误:

Syntax error, unrecognized expression: input:checkbox[value=Houston, Texas]

如何解决这个错误？

Answer 1

由于 , 是元字符，因此您需要传递 Texas, Houston 并用引号括起来，例如 value='Texas, Houston'

使用

$('#search').find("input:checkbox[value='Texas, Houston']")
        .prop("checked", true);

此外，如果您使用 jQuery 1.6+，则应该使用 .prop()而不是.attr()

其他方式

阅读Docs

To use any of the meta-characters ( such as !"#$%&'()*+,./:;<=>?@[]^`{|}~ ) as a literal part of a name, it must be escaped with with two backslashes: \\.

您还可以使用

$('#search').find("input:checkbox[value=Houston\\,Texas]")