根据其值设置复选框

Question

我目前正在开发一个javascript和php项目。我的复选框数组具有相同的ID chkCategory和名称chkCategory[]。然后我让PHP返回一些包含各种类别的json，并且我想为json中的每个类别设置每个复选框选中的属性。唯一标识每个复选框的是值。即json可能具有值MyCategory，因此应设置值为MyCategory的复选框。

我知道您可以将$("#myCheckBoxId").attr("checked", true)用于单个复选框，但不知道如何为具有特定值的特定复选框执行此操作。

感谢您提供的任何帮助。

Answer 1

您可以在JQuery中使用标准CSS属性选择器。例如：

$("input[value=MyCategory]")

将选择属性为value=MyCategory的输入标记。如果有input种不同类型的type=checkbox，您也可以选择$("input[type=checkbox][value=MyCategory]") ：

{{1}}

Answer 2

如果你知道索引，你可以......

$("input[name='MyCategory']").eq(n).prop("checked", true);

如果你没有jQuery ......

document.getElementsByName("MyCategory")[n].checked = true;

Answer 3

在普通的JavaScript中，它看起来像这样：

​document.querySelector('input[value=checkboxValue]').checked = true;​​​​​​​​​​​​​​​​​​​​​​​​​​​​

其中checkboxValue是复选框的值