淘汰赛JS复选框单击事件不起作用

Question

在剔除应用程序中，我有一个forEach循环，其中每个元素重复一个复选框。

我正在尝试为复选框绑定click事件，但不知何故它不会被触发 我还有绑定到其他元素的其他点击事件，它们工作正常，但只有复选框引起了问题

下面是复选框

<td>
   <div class="form-group margin-top-sm margin-bottom-sm">
       <div class="checkbox switch ">
          <label for="IsActive" class="dis-block">
              <input class="access-hide" id="IsActive" name="IsActive" type="checkbox" data-bind="value:$data.IsActive,click:ChangeStatus,checked: $data.Status(),attr: {id: $data.Id}"><span class="switch-toggle switch-toggle-blue"></span>
          </label>
       </div>
   </div>
</td>



ChangeStatus = function (data, event) {
            var value = event.target.checked;
            $.ajax({
                url: "anc/abc",
                type: 'POST',
                data: {
                    "id": data.Id,
                    "value": value
                },
                datatype: 'application/json',
                success: function (result) {
                    console.log(result);
                    if (result.status === "Success") {
                        if (value) {
                            SuccessMessage("enabled successfully");
                            data.Status(true);
                        }
                        else {
                            SuccessMessage("disabled successfully");
                            data.Status(false);
                        }
                    }
                },
                error: function () {

                }
            });
            return true;
        }

ChangeStatus方法不会只被击中。

找不到解决方案

请指导

谢谢 什鲁蒂·奈尔（Shruti Nair）