复选框选中状态判断异常：始终进入else块问题求助

嘿，我来帮你搞定这个复选框的问题！你遇到的核心问题有两个，咱们一步步拆解：

问题1：获取元素的方式不对 #

document.getElementsByClassName('chkaddress')返回的是HTMLCollection（元素集合），不是单个DOM元素——哪怕页面上只有一个这个类的复选框，它也会返回一个长度为1的集合。集合本身并没有.checked属性，所以你的判断条件if (...)永远会得到undefined（属于falsy值），自然每次都进入else块。

问题2：代码没有绑定状态变化事件 #

如果你的代码只是在页面加载时执行一次，那它只会读取复选框的初始状态，后续你勾选/取消勾选时，代码不会重新执行，状态也就不会更新。

修正后的解决方案（推荐用jQuery，因为你已经在使用它） #

直接给复选框绑定change事件，每次状态变化时触发判断：

// 监听复选框的状态变化
$('.chkaddress').on('change', function() {
    // 用$(this)获取当前触发事件的复选框，判断是否选中
    if ($(this).is(':checked')) {
        $('#DivCommunicationAddress').show();
    } else {
        $('#DivCommunicationAddress').hide();
    }
});

// 页面加载完成后，主动触发一次change事件，确保初始状态正确
$(document).ready(function() {
    $('.chkaddress').trigger('change');
});

如果你想用原生JS实现 #

// 获取单个复选框元素（querySelector返回第一个匹配的元素）
const checkbox = document.querySelector('.chkaddress');

// 绑定change事件
checkbox.addEventListener('change', function() {
    const targetDiv = document.getElementById('DivCommunicationAddress');
    targetDiv.style.display = this.checked ? 'block' : 'none';
});

// 初始执行一次，设置正确的初始显示状态
checkbox.dispatchEvent(new Event('change'));

额外检查点 #

可以打开浏览器开发者工具（F12），在Elements面板里确认复选框的class确实是chkaddress——有时候自定义的Razor Helper可能会在生成HTML时，对class属性做额外处理，确保类名正确匹配。

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