如何使用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>

目前我只想记录该值，但每次都未定义。

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

fiddle

Answer 1

您正在寻找的是元素上的.val函数。

另一件事是你获得选项/单选按钮值的jQuery代码可以简化为：

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

Answer 2

jQuery有一个单独的方法来检索任何表单输入的值：val（）

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

应该这样做，另见here