jQuery复选框选择器问题

Question

给定一些标记，其中任意深度处都有一系列输入（复选框），我如何确定是否根据其值检查给定输入：

<ul id="root_node">
  ...
  <li>
    ...
    <span>
      <input value="val_1" ... />
      ...
      <input value="val_2" ... />
      ...

所以，我需要的是：给定root_node和一个输入value （例如val_2 ），我想确定是否选中了相应的复选框（root_node下面的某个地方）。

Answer 1

您可以基于属性进行jQuery选择： http : //api.jquery.com/attribute-equals-selector和：checked'pseudo class'

$('input[value="val_1"]:checked')

所以你可以这样做：

if $('input[value="val_1"]:checked').val() !== undefined) {
  // do something
}

希望有帮助，

马丁

Answer 2

您可以执行以下操作：

var context = "root_node";
var value = "val_2";

var checked = $("input:checkbox[value='" + value + "']",
    $("#" + context)).attr("checked");

如果上下文永远不变，则可以将以上内容简化为：

var checked = $("#root_node input:checkbox[value='" + value + "']")
    .attr("checked");