radio的change事件

radio的change事件是指当用户选择单选框（radio）中的一个选项时触发的事件。该事件通常与JavaScript代码一起使用，以便在用户选择不同选项时执行某些操作。例如，可以使用change事件来更新网页上的内容或改变某些元素的样式。以下是一个radio的change事件的示例代码：

<form>
  <input type="radio" id="option1" name="options" value="option1">
  <label for="option1">Option 1</label><br>
  <input type="radio" id="option2" name="options" value="option2">
  <label for="option2">Option 2</label><br>
  <input type="radio" id="option3" name="options" value="option3">
  <label for="option3">Option 3</label>
</form>

<script>
  const radios = document.querySelectorAll('input[name="options"]');
  
  radios.forEach(radio => {
    radio.addEventListener('change', (event) => {
      console.log(`Selected option: ${event.target.value}`);
    });
  });
</script>

在上面的示例中，我们首先使用HTML创建了三个单选框，它们都有相同的name属性，但不同的id和value属性。然后，我们使用JavaScript获取所有具有相同name属性的单选框，并为它们添加了一个change事件监听器。当用户选择其中一个选项时，事件监听器将会打印出所选选项的值。