You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

AppStudio中JavaScript单选按钮奇偶判断功能完善求助

代码修复与优化

先给出可正常运行的修复后代码:

let num1 = 176
let num2 = 345
let num3 = 1037
let num4 = 3421
let num5 = 2289
let num6 = 3044

rdoOddEven.onclick = function() {
  // 先获取选中单选按钮的数值,转成数字类型
  const selectedNum = Number($("input[name=rdoOddEven]:checked").val());
  
  // 重置label的样式
  lblOddEven.className = '';
  lblOddEven.style.color = 'black';
  
  // 判断奇偶并设置label显示文本
  if (selectedNum % 2 === 0) {
    lblOddEven.textContent = `Mary, the number ${selectedNum} is even`;
  } else {
    lblOddEven.textContent = `Mary, the number ${selectedNum} is odd`;
  }
}

关键修改说明:

  • 提取选中值为变量:避免重复调用jQuery选择器,既提升性能又让代码更简洁
  • 修复if语法错误:JavaScript要求if的条件必须用括号()包裹,原始代码缺少括号会直接报错
  • 修正label内容赋值方式:label元素没有value属性,要用textContent(纯文本输出更安全)来设置显示内容
  • 简化奇偶判断逻辑:整数除以2的余数只有0或1,判断偶数后,else直接处理奇数即可,无需额外判断%2 === 1
  • 用jQuery的val()方法取值:获取表单元素的值,val()比prop("value")更简洁直观

内容的提问来源于stack exchange,提问作者FrannyCakes

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.31 09:30:59