复选框为true时追加HTML异常：代码始终执行问题求助

我来帮你排查下代码里的问题，这两个小错误导致了不管复选框是否选中，代码都会执行：

1. 布尔值与字符串的错误比较 #

$('#telephonyeq1').is(":checked")返回的是布尔值（true或false），但你把它和字符串'false'做比较。当复选框未选中时，表达式变成false != 'false'，这个判断结果是true（因为布尔值和字符串类型不同，不相等），所以代码会执行。

2. 元素选择器错误 #

你的选择器$("telephony1 telephony2")是无效的：

• 选择ID元素需要加#前缀，比如#telephony1
• 多个独立元素要用逗号分隔，不然会被解析成“telephony2是telephony1的子元素”的后代选择器

修正后的代码 #

if ($('#telephonyeq1').is(":checked")) { 
  $("#telephony1, #telephony2").html( 
    'Telephony: <span style="color: #37b400">' + 
    $('#telephonyeq1').is(":checked") + 
    '</span> Service Issues <span style="color: #37b400">' + 
    telephony.value() + 
    '</span> - Affected Users: <span style="color: #37b400">' + 
    telephonyaffected.value() + 
    '</span>' 
  ); 
}

额外优化建议 #

如果需要在复选框未选中时清空内容，可以加上else分支，同时复用jQuery对象减少DOM查询次数：

const $telephonyEq1 = $('#telephonyeq1');
const $targetElements = $("#telephony1, #telephony2");

if ($telephonyEq1.is(":checked")) { 
  $targetElements.html( 
    'Telephony: <span style="color: #37b400">' + 
    $telephonyEq1.is(":checked") + 
    '</span> Service Issues <span style="color: #37b400">' + 
    telephony.value() + 
    '</span> - Affected Users: <span style="color: #37b400">' + 
    telephonyaffected.value() + 
    '</span>' 
  ); 
} else {
  $targetElements.html(''); // 清空目标元素内容
}

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