jquery - 如何使用 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"
});

小提琴

Answer 1

您正在寻找的是.val元素上的功能。

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

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

Answer 2

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

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

应该做的伎俩，另见这里