如何在JavaScript/jQuery中计算逗号分隔数字的乘积？

纯 JavaScript 方案 #

1. 收集选中单选按钮值并生成逗号分隔字符串 #

// 获取所有被选中的单选按钮
const checkedRadios = document.querySelectorAll('input[type="radio"]:checked');
// 转换为值数组，再拼接成逗号分隔字符串
let coef = Array.from(checkedRadios).map(radio => radio.value).join(', ');

2. 计算数字乘积 #

// 分割字符串、清理空格、过滤空值并转为数字
const numbers = coef.split(',')
  .map(str => str.trim())
  .filter(str => str !== '')
  .map(Number);
// 用reduce计算乘积，初始值设为1（避免空数组返回NaN）
const total = numbers.reduce((product, num) => product * num, 1);
console.log(total); // 示例输出：24

jQuery 方案 #

1. 收集选中单选按钮值并生成逗号分隔字符串 #

// 获取选中单选按钮的value值，拼接成逗号分隔字符串
let coef = $('input[type="radio"]:checked').map(function() {
  return $(this).val();
}).get().join(', ');

2. 计算数字乘积 #

// 处理字符串为有效数字数组
const numbers = coef.split(',')
  .map(str => $.trim(str))
  .filter(str => str !== '')
  .map(Number);
// 计算乘积
const total = numbers.reduce((product, num) => product * num, 1);
console.log(total); // 示例输出：24

注意事项 #

• 确保单选按钮的value属性为纯数字（如value="2"），否则转换后会得到NaN，导致乘积结果异常。
• 若未选中任何单选按钮，reduce会返回初始值1，可根据业务需求调整为0或添加提示逻辑。

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