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
相关产品推荐
相关产品推荐

