如何在下拉框触发的Ajax函数中同时传递单选按钮值？

没问题，这事儿很容易搞定，咱们分两种方式来实现，你可以选自己顺手的：

方式一：在调用时直接传入单选按钮的值 #

先修改下拉列表的onChange事件，调用getclass的时候顺便获取选中的单选按钮值：

<select onChange="getclass(this.value, document.querySelector('input[name=\"type\"]:checked').value);" name="Course_ID">
  <!-- 下拉选项内容 -->
</select>

然后更新你的getclass函数，接收两个参数并一起传给后端：

function getclass(val1, typeVal) {
  $.ajax({
    type: "POST",
    url: "get_class.php",
    // 用对象形式传递参数更清晰，避免字符串拼接的问题
    data: {
      id: val1,
      type: typeVal
    },
    success: function(data){
      // 这里保留你原来的success处理逻辑，比如更新页面元素
      $("...").html(data);
    }
  });
}

方式二：在函数内部主动获取单选按钮的值 #

如果不想改下拉框的事件绑定代码，也可以在getclass函数内部直接获取选中的单选按钮值，这样更简洁：

function getclass(val1) {
  // 获取name为type的选中单选按钮的值
  const selectedType = document.querySelector('input[name="type"]:checked').value;
  
  $.ajax({
    type: "POST",
    url: "get_class.php",
    data: {
      id: val1,
      type: selectedType
    },
    success: function(data){
      $("...").html(data);
    }
  });
}

这种方式下，你的下拉框onChange还是保持原来的getclass(this.value)就好。

两种方式都能实现需求，第二种不需要修改HTML代码，推荐优先用这个~

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