javascript - 如何从单选按钮获取 jquery 或 JS 中的自定义属性值？

Question

我得到了一段 HTML:

<input type="radio" name="radioBtn" onChange="rdbtn()" value="100" isprm="true">
<input type="radio" name="radioBtn" onChange="rdbtn()" value="110" isprm="true">

我想将自定义属性值传递到变量中。这是我尝试过但不起作用的方法:

function rdbtn(){
   var radioVal = $(this).val();
   var radioPRM = $("input[id=radioVal]:checked").attr('isprm');
   ...
}

和

$('input[id=radioVal]').data("isprm");

运气不好。您有什么想法让它发挥作用吗？谢谢。

Answer 1

首先，isprm 不是有效属性，因此您的 HTML 无效。如果您需要使用元素存储辅助数据，请使用 data-* 属性:

<input type="radio" name="radioBtn" onChange="rdbtn()" value="100" data-isprm="true">
<input type="radio" name="radioBtn" onChange="rdbtn()" value="110" data-isprm="true">

然后您可以使用 data() 检索值:

var radioPRM = $('input[name="radioBtn"]:checked').data('isprm');