TypeError:无法读取属性';选中';在javascript中检查空错误的数目

TypeError:无法读取属性';选中';在javascript中检查空错误的数目,javascript,java,html,spring-boot,Javascript,Java,Html,Spring Boot,您好,我正在尝试设置一个复选框,但它给了我一个错误: 我正在用javaScript、java、html、spring boot编写一个web应用程序,但我遇到了这个错误。这是我的代码: html: 然后,我希望使用spring postmapping将该值保存在mysql的注册表中。 然后收集该值并显示它。您能帮助我吗?您是否在动态创建html标记?请查看文档,了解它何时返回null,您应该会发现问题所在。对于实际的答案,我们需要一个->)为什么您仍然使用旧的ES6之前的self=this技巧

您好,我正在尝试设置一个复选框,但它给了我一个错误:

我正在用javaScript、java、html、spring boot编写一个web应用程序,但我遇到了这个错误。这是我的代码:

html:

然后,我希望使用spring postmapping将该值保存在mysql的注册表中。
然后收集该值并显示它。您能帮助我吗?

您是否在动态创建html标记?请查看文档,了解它何时返回
null
,您应该会发现问题所在。对于实际的答案,我们需要一个->)为什么您仍然使用旧的ES6之前的
self=this
技巧?你不需要,如果我把byId改成byName,它会给我product.js:125 uncaughttypeerror:this.selection不是一个函数hello。请将内容作为文本,而不是图像。
<input type="checkbox" id="ck" name="ckbox" data-bind="checked: selection">
class PdViewModel {
    constructor() {
        var self = this;
        
        self.selection = document.getElementById("ck").checked;
        
        self.message = ko.observable(null);
        self.error = ko.observable(null);
        
        // Header Config
        self.headerConfig = ko.observable({
            'view' : [],
            'viewModel' : null
        });
        
        moduleUtils.createView({
            'viewPath' : 'views/header.html'
        }).then(function(view) {
            self.headerConfig({
                'view' : view,
                'viewModel' : app.getHeaderModel()
            })
        })
    }


modifypd() {
        var self = this;
        let info = {
            selection : this.selection()
        };
        let data = {
            data : JSON.stringify(info),
            url : "pd/modify/",
            type : "put",
            contentType : 'application/json',
            success : function(response) {
                self.message("Change");
            },
            error : function(response) {
                self.error(response.responseJSON.errorMessage);
            }
        };
        $.ajax(data);
    }