javascript 编写单选投票

以下是使用 JavaScript 编写的单选投票示例，其中包括一个 HTML 表单和相应的 JavaScript 代码：

HTML:

<form id="myForm">
  <input type="radio" name="vote" value="option1"> Option 1<br>
  <input type="radio" name="vote" value="option2"> Option 2<br>
  <input type="radio" name="vote" value="option3"> Option 3<br>
  <button type="submit">Submit Vote</button>
</form>
<p id="result"></p>

JavaScript:

const form = document.getElementById("myForm");
const result = document.getElementById("result");

form.addEventListener("submit", function(event) {
  event.preventDefault();
  const vote = document.querySelector('input[name="vote"]:checked');
  if (vote) {
    result.innerHTML = "You voted for " + vote.value + ".";
  } else {
    result.innerHTML = "Please select an option.";
  }
});

这段代码首先获取 HTML 表单和结果元素，然后添加一个事件监听器来捕获表单提交事件。在事件处理程序中，它首先使用 `querySelector` 方法来获取选中的单选按钮，然后检查是否存在选中的选项。如果选项存在，则在结果元素中显示选项的值，否则显示一条错误消息。