html radio 事件绑定

HTML radio按钮的事件绑定可以通过JavaScript来实现。你可以使用`addEventListener`方法来为radio按钮绑定事件。

首先，要获取到radio按钮的DOM元素，可以通过`querySelector`或者`getElementById`等方法来获取。然后，使用`addEventListener`方法来为radio按钮绑定事件，指定事件类型为"change"，并提供一个回调函数来处理事件触发时的逻辑。

以下是一个示例代码：

<input type="radio" name="myRadio" value="option1" id="option1">
<label for="option1">Option 1</label>
<br>
<input type="radio" name="myRadio" value="option2" id="option2">
<label for="option2">Option 2</label>

<script>
  // 获取radio按钮的DOM元素
  var option1 = document.getElementById("option1");
  var option2 = document.getElementById("option2");

  // 为radio按钮绑定事件
  option1.addEventListener("change", function() {
    // 处理选中Option 1时的逻辑
    console.log("Option 1 selected");
  });

  option2.addEventListener("change", function() {
    // 处理选中Option 2时的逻辑
    console.log("Option 2 selected");
  });
</script>

在上述代码中，通过`getElementById`方法获取到了id为`option1`和`option2`的radio按钮的DOM元素，并为它们分别绑定了"change"事件。当选中其中一个radio按钮时，对应的回调函数将会被触发，并执行相应的逻辑。