javascript - 面临 CheckBox 已选中或未选中事件的问题，无法正常工作

Question

JavaScript 代码:

if (document.getElementsByClassName('chkaddress').checked) {
    $('#DivCommunicationAddress').show();
}
else {
   $('#DivCommunicationAddress').hide();
}

Razor View :

@Html.CustomCheckBoxFor(Employee => Employee.IsActive, new { @class = "ui-checkbox chkaddress" })
@Html.LabelFor(Employee=>Employee.IsActive, "Same As Home Address")

当我选中复选框时，不会进入 if block 。它仅进入 else block 。

Answer 1

document.getElementsByClassName('chkaddress') 返回集合。您必须指定特定的索引，例如:

document.getElementsByClassName('chkaddress')[0].checked