Javascript获取Google Tag Manager中选中的无线电字段的值[duplicate]

Question

我需要获取“交易”或“公共”值，具体取决于单击的单选按钮：

<input name="customerType" type="radio" id="customerTypeTrade" class="filled-in valid" value="trade" required="">

<input name="customerType" type="radio" id="customerTypePublic" class="filled-in valid" value="public" checked="" required="">

我尝试了此操作，但返回“undefined”：

function() {
  var radioName = "customerType";
  var checked = {{Form Element}}.querySelector('[id="' + customerType + '"]:checked');
  return checked ? checked.value : undefined;
}

Answer 1

您可以尝试以下方法：

var radio = document.querySelectorAll('[name=customerType]');
var checkedValue = document.querySelector('[name=customerType]:checked').value;
console.log(checkedValue);

function getValue(thatRad){
  checkedValue = thatRad.checked ? thatRad.value : undefined;
  console.log(checkedValue);
}

html lang-html prettyprint-override"><input name="customerType" type="radio" id="customerTypeTrade" class="filled-in valid" value="trade" required="" onchange="getValue(this)">

<input name="customerType" type="radio" id="customerTypePublic" class="filled-in valid" value="public" checked="" required="" onchange="getValue(this)">