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