将单选按钮值获取到段落

<input type="radio" id="option1" name="options" value="option1">
<label for="option1">选项1</label>

<input type="radio" id="option2" name="options" value="option2">
<label for="option2">选项2</label>

<input type="radio" id="option3" name="options" value="option3">
<label for="option3">选项3</label>

const parentElement = document.querySelector('#parentElement');

parentElement.addEventListener('change', function() {
  // 获取选中的单选按钮的值
  const selectedValue = document.querySelector('input[name="options"]:checked').value;

  // 将值显示在段落中
  const paragraph = document.querySelector('#result');
  paragraph.textContent = '选中的值是：' + selectedValue;
});

<p id="result"></p>