类模式中的jQuery click函数

Question

I can not get the function on page .click run unless I paste in the browser console.

in my class I have:

var myClass = function(){
   var toggleChecked = function(){
       $('#myCheckBoxId').click(function() {  //on click                
        if(this.checked) { // check select status
            $("tr td input").each(function() { //loop through each checkbox
                this.checked = true;  //select all checkboxes with class "checkbox1"               
            });
        }else{
            $("tr td input").each(function() { //loop through each checkbox
                this.checked = false; //deselect all checkboxes with class "checkbox1"                       
            });         
        }
    });
   }

 return {
    myClass: toggleChecked
 }
}()


 $(document).ready(function(){
    myClass.toggleChecked();
 });

when I run the application, function not charging, but if I copy and paste in the browser console, works, someone can give me an explanation of where I am going wrong?

Thank you

Answer 1

Maybe you should try this way:

var myObject = {
    toggleChecked: function () {
        $('#myCheckBoxId').click(function () { //on click                
            if (this.checked) { // check select status
                $("tr td input").each(function () { //loop through each checkbox
                    this.checked = true; //select all checkboxes with class "checkbox1"               
                });
            } else {
                $("tr td input").each(function () { //loop through each checkbox
                    this.checked = false; //deselect all checkboxes with class "checkbox1"                       
                });
            }
        });
    }
}

$(document).ready(function () {
    myObject.toggleChecked();
});

Or you can define a class if you want:

function MyClass () {
    this.toggleChecked = function () {
        $('#myCheckBoxId').click(function () { //on click                
            if (this.checked) { // check select status
                $("tr td input").each(function () { //loop through each checkbox
                    this.checked = true; //select all checkboxes with class "checkbox1"               
                });
            } else {
                $("tr td input").each(function () { //loop through each checkbox
                    this.checked = false; //deselect all checkboxes with class "checkbox1"                       
                });
            }
        });
    }
}


$(document).ready(function () {
    var obj = new MyClass();
    obj.toggleChecked();
});

DEMO