如何将问卷中选中的性别值存储到变量以用于表单提交？

要实现选中性别后将值存储到变量、方便后续提交表单调用的需求，只需在现有代码基础上添加变量存储逻辑即可，具体修改如下：

步骤1：声明存储性别的变量 #

首先声明一个作用域合适的变量（确保后续提交表单的代码能访问到它）：

// 声明变量用于存储用户选中的性别，初始值为空
let selectedGender = "";

步骤2：修改点击事件添加赋值逻辑 #

在你的genderNext函数中，给两个性别按钮的点击事件添加变量赋值操作：

function genderNext() {
  $(".chooseGenderM").click(() => {
    document.querySelector(".chat-content-buttons-gender").style.display = "none";
    myMassange("Male");
    // 存储选中的男性性别值
    selectedGender = "Male";

    setTimeout(() => {
      process = true;
    }, 500);
    scrollDown();
  });
  $(".chooseGenderW").click(() => {
    document.querySelector(".chat-content-buttons-gender").style.display = "none";
    myMassange("Woman");
    // 存储选中的女性性别值
    selectedGender = "Woman";

    setTimeout(() => {
      process = true;
    }, 500);
    scrollDown();
  });
}

步骤3：提交表单时调用变量 #

后续提交表单时，直接使用selectedGender变量即可获取用户选中的性别，示例代码：

// 表单提交逻辑示例
function submitSurvey() {
  if (selectedGender) {
    // 将性别值整合到表单数据中提交
    console.log("提交的性别：", selectedGender);
    // 此处编写实际的表单提交代码
  } else {
    console.log("请先选择性别");
  }
}

如果你的代码是模块化结构，建议将selectedGender放在闭包或模块内部作用域中，避免全局变量污染。

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