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 и: флажок "псевдокласс"

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

чтобы вы могли сделать:

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

Надеюсь, это поможет,

Martin

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");