jQuery checkbox selector question

Question

Given some markup where there are a series of inputs (checkboxes) at an arbitrary depth, how can I determine if a given input is checked based on its value:

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

So, what I need is: given root_node and an input value (e.g. val_2), I want to determine if the corresponding checkbox (somewhere underneath root_node) is checked.

Hoff · Accepted Answer · 2011-02-07 14:52:37Z

2

You can jQuery selections based on attributes: http://api.jquery.com/attribute-equals-selector and the :checked 'pseudo class'

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

so you could do:

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

Hope this help,

Martin

answered Feb 7, 2011 at 14:52

Hoff

40.2k17 gold badges84 silver badges104 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Frédéric Hamidi · Accepted Answer · 2011-02-07 14:51:25Z

1

You can do something like:

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

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

If the context never changes, you can shorten the above into:

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

answered Feb 7, 2011 at 14:51

Frédéric Hamidi

264k42 gold badges497 silver badges486 bronze badges

Collectives™ on Stack Overflow

jQuery checkbox selector question

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related