使用jQuery从单选按钮获取数据属性

Question

我将以下html转换为haml：

%input#insurance_isp_payment{ checked: "checked", type: "radio", name: "insurance_isp_payment", price: 27.22, value: "single"}
27,22 €

现在我想从选中的单选按钮获取此价格值。我尝试过类似的东西：

$('input[name=insurance_isp_payment]:checked').data("price")

但这不起作用。我该如何解决这个问题？

Answer 1

试试这个：而不是data()使用attr()来获取价格值。

var price = $('input[name="insurance_isp_payment"]:checked').attr("price");
alert(price);

Answer 2

var price = $('input[name="insurance_isp_payment"]:checked').attr("data-price");
alert(price);

$('input[type=radio][name=insurance_isp_payment]').on('change', function() {

var price = $('input[name="insurance_isp_payment"]:checked').attr("data-price");
alert(price);

})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input data-checked="yes" type="radio" name="insurance_isp_payment" value="100" checked data-price="100" />Single
<input data-checked="no" type="radio" name="insurance_isp_payment" value="200" data-price="200"/>Double