Javascript 在 Google 跟踪代码管理器中获取选中的单选字段的值 [重复]

Posted 2023-03-05

【中文标题】Javascript 在 Google 跟踪代码管理器中获取选中的单选字段的值 [重复]

【英文标题】：Javascript to get the value of a checked radio field in Google Tag Manager [duplicate]

【发布时间】：2018-09-28 21:06:09

【问题描述】：

我需要根据点击这些单选按钮中的哪一个来获取值“交易”或“公共”：

<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="">

我试过了，但它返回“未定义”：

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

【问题讨论】：

Form Element 是什么？你在用角度吗？

customerType 不是变量——你需要使用变量radioName，它有你的字符串“customerType”——再加上你的JS（console.log()是一个巨大的帮助） ) -- (1) 函数是否被调用？ （2）“Form Element”是否存在？ (3) 你能定位你的单选按钮吗（无论是否选中）？

【参考方案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);

<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)">

【讨论】：

我需要这个用于 Google 跟踪代码管理器。它说它需要一个返回值？

@chappers，那你怎么附加事件处理函数呢？

我不知道，因为我对javascript一无所知，所以我在这里发帖。

@chappers，因为我不太清楚您的要求，特别是您如何使用返回值，所以很难准确回答问题。我已经更新了return 函数中的值的答案，以便在console.....谢谢。

排序：function() var checked = document.querySelectorAll('[name=customerType]'); var checkedValue = document.querySelector('[name=customerType]:checked').value;如果（checkedValue）返回checkedValue；否则返回“未选择客户”；