在选择javascript输入电台时遇到困难

我有一个网站，要求用户通过无线电输入选择男性或女性选项。当我选择了男性或女性时，我很难将消息输出到控制台。我不确定为什么我的javascript没有输出相关的console.log消息。 任何帮助都将不胜感激。 相关代码如下

var身高、体重、尺码；
//如果选择了“男性”
if（document.getElementById（'gender_-male'）。选中）{
console.log（'male selected'）；
}
//如果选择了女性
else if（document.getElementById（'gender_female'）。选中）{
console.log（“选择女性”）；
}
//如果未选择性别，则输出并出错
否则{
console.log（“未选择性别”）；
}

身体质量指数计算器
体重指数（BMI）
计算器
男性
女性




高度：


重量：


什么是体重指数？

这是在页面加载时打印还是仅在更改时打印？无论哪种方式，如果您希望在任何时候更改框时将消息打印到控制台，onchange事件将是最简单的方式：

函数genderCheck（）{
//如果选择了“男性”
if（document.getElementById（'gender_-male'）。选中）{
console.log（'male selected'）；
}
//如果选择了女性
else if（document.getElementById（'gender_female'）。选中）{
console.log（“选择女性”）；
}
//如果未选择性别，则输出并出错
否则{
console.log（“未选择性别”）；
}
}

男性
女性

这是在页面加载时打印还是仅在更改时打印？无论哪种方式，如果您希望在任何时候更改框时将消息打印到控制台，onchange事件将是最简单的方式：

函数genderCheck（）{
//如果选择了“男性”
if（document.getElementById（'gender_-male'）。选中）{
console.log（'male selected'）；
}
//如果选择了女性
else if（document.getElementById（'gender_female'）。选中）{
console.log（“选择女性”）；
}
//如果未选择性别，则输出并出错
否则{
console.log（“未选择性别”）；
}
}

男性
女性

您可以通过以下代码获得所选值。您需要预定义所选值，并在选择按钮时获取单选按钮的值

//适用于男性
if（document.getElementById（'gender_-male'）。getAttribute（'selected'））{
console.log（“选择男性”）
}
//女性
if（document.getElementById（'gender_female'）。getAttribute（'selected'））{
console.log（“选择女性”）
}
函数更改值（值）{
console.log（值）
}

身体质量指数计算器
体重指数（BMI）
计算器
男性
女性




高度：


重量：


什么是体重指数？

您可以通过以下代码获得所选值。您需要预定义所选值，并在选择按钮时获取单选按钮的值

//适用于男性
if（document.getElementById（'gender_-male'）。getAttribute（'selected'））{
console.log（“选择男性”）
}
//女性
if（document.getElementById（'gender_female'）。getAttribute（'selected'））{
console.log（“选择女性”）
}
函数更改值（值）{
console.log（值）
}

身体质量指数计算器
体重指数（BMI）
计算器
男性
女性




高度：


重量：


什么是体重指数？

您可以在此处使用事件冒泡功能

<div className="details__radio--wrapper" id="gender">
  <label class="details__container">Male
      <input id="male" type="radio" name='gender' value="Male" />
  </label>
  <label class="details__container">Female
    <input id="female" type="radio" name='gender' value="Female" />
  </label>
</div>

---

您可以在这里使用事件冒泡来发挥您的优势

<div className="details__radio--wrapper" id="gender">
  <label class="details__container">Male
      <input id="male" type="radio" name='gender' value="Male" />
  </label>
  <label class="details__container">Female
    <input id="female" type="radio" name='gender' value="Female" />
  </label>
</div>

---

默认情况下，您的男性和女性单选按钮未选中。这就是为什么它没有显示控制台。我认为您需要使用单选按钮绑定事件。单击该事件将控制台选择的值。您在哪里调用javascript？默认情况下，您的男性和女性单选按钮未选中。这就是为什么它没有显示控制台。我认为您需要使用单选按钮绑定事件。单击该事件将控制台选择的值。你在哪里调用你的javascript？