Question

如何将一个data-attribute值传递给另一个？

我有以下输入：

<input type="radio" class="d-none" name="varieties" value="option_0" data-price-package-value-id-0="2 625">

我需要将data-price-package-value-id-0的值转移到以下元素：

<li id="front_0" data-value="1 625">

Image Preview

这是我到目前为止的JavaScript：

// Radio buttons prise
$(document).ready(function(){
    $('input[name="varieties"]:checked').change(function() {
        var package_select = this.attr('data-price-package-value-id-0');

        var dataval = document.getElementById("0").attr('data-value');
        dataval = package_select;
    });
});

我也有一个范围输入已经从li中拉出了这个已经有效但在另一个函数中的值，

现在我有一项任务是将值从无线电传递给li

Answer 1

首先，您可能不应该使用以数字开头的ID，因为它使得在CSS和jQuery中更难选择，但是在这里：

$(document).ready(function(){
    $('input[name="varieties"]').change(function() {
        var package_select = $(this).attr('data-price-package-value-id-0');
        $(document.getElementById("0")).attr('data-value', package_select );
    });
});

Answer 2

const element = document.getElementById('front_0'); element.setAttribute('data-value', 'my spectacular new value');

如何将值传递给数据属性？

2 个答案: