Как получить атрибут входного значения с JQuery

Question

Я пытаюсь целевым значение атрибута value в поле ввода, который непосредственно предшествует ярлык с 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> 

На данный момент я просто пытаюсь запишите значение, но я получаю undefined каждый раз.

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

fiddle

Answer 1

JQuery имеет отдельный метод для получения значения любой формы ввода: Val()

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

должен сделать трюк, Смотрите также here

Answer 2

Что вы ищете является .val функция на элементе.

Другое дела в том, что ваш код JQuery, чтобы получить/радио значения Кнопки выбора может быть упрощен:

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