input radio 根据name监听点击事件

在HTML中，radio元素可以通过name属性进行分组。因此，我们可以通过监听特定name的radio元素的点击事件来实现相应的操作。

例如，我们有如下HTML代码：

<input type="radio" name="gender" value="male"> Male<br>
<input type="radio" name="gender" value="female"> Female<br>

我们可以通过JavaScript代码监听name为"gender"的radio元素的点击事件：

document.querySelectorAll('input[name="gender"]').forEach(function(radio) {
  radio.addEventListener('click', function() {
    console.log('选中了' + radio.value);
  });
});

上述代码使用了querySelectorAll方法选择所有name为"gender"的radio元素，并对它们进行遍历添加点击事件监听器。当用户点击其中一个radio元素时，相应的回调函数将被调用，输出选中的值