使用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