jQuery复选框选择器问题答案

【问题标题】：jQuery checkbox selector questionjQuery复选框选择器问题
【发布时间】：2011-02-07 22:52:42
【问题描述】：

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

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

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

【问题讨论】：

【解决方案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
}

希望对您有所帮助，

马丁

【讨论】：

【解决方案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");

【讨论】：