javascript - 从 radio 领域提取值(value)的 keyup 替代方案

Question

我正在尝试编辑一些接近工作的代码。我希望文本首先显示“RSVP”，然后当有人选择它时拉出单选框的值并将其用作主要文本的文本。

https://jsfiddle.net/spadez/7gyrd08w/4/

它几乎可以工作，但此代码片段似乎没有获取单选框的值。我认为这可能是因为 keyup 在 radio 领域不起作用，但我不确定如何获得这个值。

function initInput() {
  input = document.getElementById('input');
  input.addEventListener('keyup', updateText);
  input.value = 'RSVP';
}

Answer 1

您可以使用change，这只会在值发生变化时触发。

function initInput() {
  input = document.getElementById('input');
  input.addEventListener('change', updateText);
  input.value = 'RSVP';
}

编辑:我没有提供更新的 fiddle ，因为我认为您可以从那里开始工作。