设置具有特定值的复选框

Question

我正在 jQuery 控制台中寻找一种方法来检查 Chrome 中的选定值（即 416800-000）。我找到了方法，但我的 HTML 情况有点不同。关闭名称参数对我来说是不可行的。

<input type="hidden" name="value[1].value" value="416800-000" class="__web-inspector-hide-shortcut__" checked="checked">
<input type="checkbox" name="value[1].enabled" value="on">

上述类型隐藏时的值可以是动态的。

这是我的问题的演示

https://jsfiddle.net/68ujpfrw/1/

类似Get checkbox with specific value这个案例

编辑：另外，是否可以找到一个文本（即管理员）然后勾选复选框？

<input type="hidden" name="value[1].value" value="416800-000" class="__web-inspector-hide-shortcut__" checked="checked">
<input type="checkbox" name="value[1].enabled" value="on">

    "Admin"

Answer 1

好吧，由于实际/可见复选框在隐藏复选框之后，因此您可以简单地使用.next()，然后设置属性值。

$("input[value='416800-000']").next().prop("checked", true);​

更新了JSFiddle

$("input[value='416800-000']").next().prop('checked', true);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="hidden" name="value[1].value" value="416800-000" class="__web-inspector-hide-shortcut__" checked="checked">
<input type="checkbox" name="value[1].enabled" value="on">

编辑：我建议在 span 标记中添加“管理员”文本以帮助选择元素，然后使用 .prev() 选择复选框

$("span:contains('Admin')").prev().prop('checked', true);

为此案例更新了Fiddle。

$("span:contains('Super User')").prev().prop('checked', true);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="hidden" name="value[1].value" value="416800-000" class="__web-inspector-hide-shortcut__" checked="checked">
<input type="checkbox" name="value[1].enabled" value="on">
<span>Admin</span>
<input type="hidden" name="value[1].value" value="416900-000" class="__web-inspector-hide-shortcut__" checked="checked">
<input type="checkbox" name="value[1].enabled" value="on">
<span>User</span>
<input type="hidden" name="value[1].value" value="417000-000" class="__web-inspector-hide-shortcut__" checked="checked">
<input type="checkbox" name="value[1].enabled" value="on">
<span>Super User</span>

Answer 2

试试jquery：

$('#your-checkbox').prop('checked', true);