能否为HTML单选按钮的value属性赋值JavaScript函数？

首先明确：不能直接把JavaScript函数赋值给单选按钮的value属性——因为value本质是字符串类型，你示例里的"tetens(T_op)"只是一段文本，不是可执行的函数或函数调用。但可以通过间接方式实现你的需求：让选中的单选按钮对应到数值或函数（或函数执行结果）。

推荐方案：用自定义属性区分类型（安全可控） #

通过给单选按钮添加自定义data-*属性标记类型，value存储函数名或数值字符串，在获取选中项时根据类型处理：

示例代码 #

HTML部分

<!-- 数值类型选项 -->
<input type="radio" name="w_act" class="water_activity" data-type="number" value="298" checked>
<!-- 函数类型选项 -->
<input type="radio" name="w_act" class="water_activity" data-type="function" value="tetens">

JavaScript部分

var T_op = 298;
// 定义你的函数
function tetens(T) {
  return Math.pow(T, -3);
}

function getData() {
  let act_H2O;
  // 获取所有单选按钮
  const radios = document.getElementsByClassName("water_activity");
  
  for (let radio of radios) {
    if (radio.checked) {
      const type = radio.dataset.type;
      const rawValue = radio.value;
      
      if (type === "number") {
        // 转成数值类型
        act_H2O = Number(rawValue);
      } else if (type === "function") {
        // 从全局作用域获取对应函数，确保存在后执行（或直接保留函数）
        if (typeof window[rawValue] === "function") {
          // 如果需要获取函数执行结果，就调用：
          act_H2O = window[rawValue](T_op);
          // 如果需要保留函数本身（不执行），改成：
          // act_H2O = window[rawValue];
        }
      }
      // 找到选中项后跳出循环，提升效率
      break;
    }
  }
  
  return act_H2O;
}

不推荐方案：用eval执行value中的代码字符串 #

如果你坚持要用value="tetens(T_op)"这种形式，可以用eval执行字符串代码，但存在安全风险（如果value内容被篡改，可能执行恶意代码），仅在完全可控的场景下使用：

var T_op = 298;
function tetens(T) {
  return Math.pow(T, -3);
}

function getData() {
  let act_H2O;
  const radios = document.getElementsByClassName("water_activity");
  
  for (let radio of radios) {
    if (radio.checked) {
      try {
        // 尝试执行value中的代码
        act_H2O = eval(radio.value);
      } catch (e) {
        // 执行失败则尝试转成数值
        const num = Number(radio.value);
        if (!isNaN(num)) {
          act_H2O = num;
        } else {
          console.error("无效的选项值:", e);
        }
      }
      break;
    }
  }
  
  return act_H2O;
}

注意事项 #

1. 原getData函数缺少return语句，无法返回结果，需要补充。
2. 找到选中的单选按钮后记得跳出循环，避免不必要的遍历。
3. 优先使用自定义属性方案，避免eval带来的安全问题。

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