如何监听一组单选按钮的点击事件？

我们可以为每个单选按钮绑定一个点击事件，当点击按钮时，通过事件触发回调函数进行相应的操作。以下是具体的代码实现：

HTML代码：

<label>
  <input type="radio" name="gender" value="male">男
</label>
<label>
  <input type="radio" name="gender" value="female">女
</label>

JavaScript代码：

var radios = document.querySelectorAll('input[name="gender"]');
for(var i = 0; i < radios.length; i++) {
  radios[i].addEventListener('click', function() {
    // 在这里处理单选按钮的点击事件
    console.log(this.value); // 输出点击的单选按钮的值
  });
}

注释：

首先使用querySelectorAll()方法获取所有name属性为"gender"的单选按钮，然后遍历所有单选按钮，为每个单选按钮都绑定了一个click事件，当点击按钮时会执行对应的回调函数，回调函数中的this代表当前被点击的单选按钮，我们可以通过this获取相应的值。