javascript - 如何使用 JavaScript 从单选按钮获取数据属性？

Question

我想从选中的单选按钮中获取数据价格值。我试过类似的东西:

<input type="radio" name="vehicletype" id="vehicletype" value="{{$vehicletypeData->id}}" data-price="{{$vehicletypeData->km_rate}}" required="">


var vehicleTyp=document.getElementById("vehicletype");
                var vetselindx=vehicleTyp.options[vehicleTyp.selectedIndex];
                var prikm=vetselindx.getAttribute("data-price");

但这行不通。我该如何解决这个问题？

Answer 1

document.getElementById("vehicletype");

这将获取具有该 id 的元素。具有该 id 的单个元素。文档中的多个元素不能共享一个 id。

vehicleTyp.options

选择元素有选项。单选按钮没有。

---

要找到选中的元素，您应该:

• 获取所有单选按钮。考虑 getElementsByName
• 遍历它们，直到找到 checked 属性为 true 的一个

---

找到要查找的元素后，您可以使用 getAttribute("data-price"); 或 the dataset property .