jQuery-获取输入属性并将其作为文本添加到输入之后

以下是我的HTML代码：

<div class="list">
    <input checked="checked" data-blacklist="[392,340,393]" data-parentarticleid="249" data-price="0" data-price-included="1" data-string-value="2x500GB SATA2" id="article_249" name="hardwareSetHD" type="radio" value="249"><label for="article_249">2x500GB SATA2 <span></span> </label>
</div>
<div class="list">
    <input checked="checked" data-blacklist="[392,340,393]" data-parentarticleid="249" data-price="10" data-price-included="1" data-string-value="4x500GB SATA2" id="article_241" name="hardwareSetHD" type="radio" value="241"><label for="article_241">2x500GB SATA2 <span></span> </label>
</div>
<div class="list">
    <input checked="checked" data-blacklist="[392,340,393]" data-parentarticleid="242" data-price="20" data-price-included="1" data-string-value="8x500GB SATA2" id="article_242" name="hardwareSetHD" type="radio" value="242"><label for="article_242">8x500GB SATA2 <span></span> </label>
</div>

那么，如何从每个名为

hardwareSetHD

的输入中获取

数据价格

，并将其作为文本添加到输入后

---

提前谢谢

您需要迭代每一行，获取price的值并更新span标记

$(document).ready(function($) {

    $('.list').each(function() {

        var inp = $(this).find('input[type=radio]'),
            span = $(this).find('span');

        var price = inp.data('price');

        span.text( price );

    });

});

---

您不应该有多个同名输入，否则当您发布表单时，表单会被弄乱，您可以。。。这并不违法。它只会产生意想不到的结果。也许这就是OP想要的…有一个单选按钮，你通常想要的就是这个，相同的名字…哦，是的@Chris是对的，我的错

$(document).ready(function($) {

    $('.list').each(function() {

        var inp = $(this).find('input[type=radio]'),
            span = $(this).find('span');

        var price = inp.data('price');

        span.text( price );

    });

});