单选按钮if/else条件判断异常求助：JavaScript测验弹窗失效

嘿，我来帮你搞定这个测验的问题！

首先，你遇到的核心问题是获取单选/复选框选中状态的方式错了——咱们一步步拆解：

为什么你的代码会出问题？ #

当你用document.getElementById('q1').value的时候，拿到的是这个表单元素预设的value属性值（比如你可能给选项设了value="是"或value="否"），但这个值和用户有没有选中它完全没关系！不管用户点没点，value都是固定的。而真正能判断选项是否被选中的是checked属性，它会返回布尔值true（选中）或false（未选中）。

你说console.log(answer1 + answer3)能输出是/否值，那是因为你把两个预设的字符串拼接了，但如果你的alert触发逻辑是基于用户是否选对（比如判断answer1是否等于正确答案），那自然不会触发——因为你根本没拿到用户真实的选择结果呀！

至于你说移除.checked改成判断等于true/false时第一个alert能工作，大概率是误打误撞：比如你可能把HTML里的value设成了"true"，这时候判断answer1 === true其实是字符串和布尔值比较，本来不应该相等，但可能你代码里的逻辑写得比较宽松（比如用了==而非===），所以碰巧触发了，但这不是正确的做法。

正确的实现方式 #

假设你的HTML是两道是/否单选题，结构大概是这样：

<!-- 第一题 -->
<p>第一题：你喜欢JavaScript吗？</p>
<label><input type="radio" name="q1" id="q1-yes" value="是"> 是</label>
<label><input type="radio" name="q1" id="q1-no" value="否"> 否</label>

<!-- 第二题 -->
<p>第二题：你能搞定这个测验吗？</p>
<label><input type="radio" name="q2" id="q2-yes" value="是"> 是</label>
<label><input type="radio" name="q2" id="q2-no" value="否"> 否</label>

<button id="submit-btn">提交答案</button>

那获取用户选择的正确JavaScript代码应该是这样：

// 绑定提交按钮的点击事件
document.getElementById('submit-btn').addEventListener('click', function() {
  // 获取每道题选中的选项，?.是可选链操作符，防止没选时报错
  const q1Selected = document.querySelector('input[name="q1"]:checked');
  const q2Selected = document.querySelector('input[name="q2"]:checked');

  // 先检查用户是否完成所有题目
  if (!q1Selected || !q2Selected) {
    alert("请完成所有题目再提交哦！");
    return;
  }

  // 拿到用户选择的答案值
  const answer1 = q1Selected.value;
  const answer2 = q2Selected.value;

  // 假设正确答案是第一题"是"，第二题"是"
  const correctAnswers = { q1: "是", q2: "是" };

  // 判断是否答对
  if (answer1 === correctAnswers.q1 && answer2 === correctAnswers.q2) {
    alert("太棒了！全部答对🎉");
  } else {
    alert("答错啦，再试试吧💪");
  }

  // 控制台输出用户答案，方便调试
  console.log(`第一题答案：${answer1}，第二题答案：${answer2}`);
});

关键要点总结 #

• 对于单选/复选框，必须用checked属性判断选中状态，或者用querySelector(':checked')直接获取选中的元素再取value。
• 永远不要直接用.value获取选中状态——value是预设值，和用户操作无关。
• 如果alert不触发，先检查你的判断条件：比如是不是把字符串和布尔值混着比较（比如"是" === true永远是false），或者有没有判断用户是否选中了选项（没选中的话q1Selected会是null，后续逻辑会出错）。

内容的提问来源于stack exchange，提问作者mayhemds