可以使用document.getElementsByName来实现html实现鼠标选择单选，日志实时输出value值

可以使用以下代码实现：

HTML代码：

<p>请选择一个选项：</p>
<input type="radio" name="option" value="1">选项1<br>
<input type="radio" name="option" value="2">选项2<br>
<input type="radio" name="option" value="3">选项3<br>

JavaScript代码：

const radios = document.getElementsByName('option');

radios.forEach((radio) => {
  radio.addEventListener('click', () => {
    console.log(`当前选择的选项是：${radio.value}`);
  });
});

上述代码中，我们首先通过`document.getElementsByName('option')`获取了所有name属性为'option'的单选框，并使用forEach方法遍历每个单选框。

然后，我们给每个单选框添加了一个点击事件，当用户点击单选框时，控制台会输出当前选中的单选框的value值。