How to get input value attribute with jquery

Question

I'm trying to target value of the value attribute in the input field that immediately precedes the label with a class="selected"

<div id="placeholder">
<div id="product-options" class="options">

    <input checked="checked" id="option_33295465" name="cart[add][id]" type="radio" value="33295465" class="input_hidden"/>
    <label for="option_33295465" class="selected">
        <span>option1</span>
    </label>

    <input id="option_33544344" name="cart[add][id]" type="radio" value="33544344" class="input_hidden"/>
    <label for="option_33544344">
        <span>option2</span>
    </label>

</div>
</div>

At the moment I'm just trying to log the value, but I get undefined each time.

$('body').on('click','#button1',function(e){
    e.preventDefault();
    $item = jQ('#placeholder').find('.selected').prev().attr('value');
    console.log($item); // Logs "undefined"
});

fiddle

Apologies - question edited to accurately reflect actual DOM tree. — verism
– verism, Commented May 4, 2013 at 14:49
@verism Urm.. your code already works - jsfiddle.net/HybkH/3 — dsgriffin
– dsgriffin, Commented May 4, 2013 at 14:50
@Zenith - you're right, but somehow it wasn't functioning in my problem code. For some reason .val() did the trick. — verism
– verism, Commented May 4, 2013 at 15:11

Turnerj · Accepted Answer · 2013-05-04 14:49:12Z

1

What you are looking for is the .val function on the element.

The other thing is that your jQuery code to get the option/radio button value can be simplified to:

$('#product-options input:checked').val()

answered May 4, 2013 at 14:49

Turnerj

4,3085 gold badges39 silver badges54 bronze badges

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

2 Comments

a better oliver Over a year ago

or just #product-options :checked. Only input elements can be :checked after all ;)

verism Over a year ago

That's good to know, but I'm not looking for the checked value in this particular instance.

hannenz · Accepted Answer · 2013-05-04 14:49:13Z

0

jQuery has a seperate method for retrieving the value of any form input: val()

$item = jQ('#placeholder').find('.selected').prev().val();

should do the trick, See also here

answered May 4, 2013 at 14:49

hannenz

5135 silver badges14 bronze badges

Collectives™ on Stack Overflow

How to get input value attribute with jquery

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related