javascript - 如何在 JQuery 中的更改和加载事件上运行语句？

Question

我想禁用一个按钮；在页面加载以及复选框更改时

以下是 JQuery:

var myquery= {

init: function () {
     $('#buttonName').prop('disabled', !$("input[name='checkboxName'").is(':checked')); 
     // Run on page load

    $("input[name='checkboxName'").change(function() {
        $('#buttonName').prop('disabled', !$(this).is(':checked'))
    }); // Run on event
  }
};
$(document).ready(myquery.init());

如何在不更改 init 内部的情况下一起处理 onLoad 和更改事件？

Answer 1

我认为问题在于你如何添加 dom 就绪处理程序，你在 dom 就绪之前调用 init 方法并传递它返回的值(undefined) 作为 dom 就绪处理程序

您还可以在页面加载时触发更改处理程序，以更新状态

var myquery = {

    init: function () {
        $("input[name='checkboxName'").change(function () {
            $('#buttonName').prop('disabled', !$(this).is(':checked'))
        }).change();
    }
};
$(document).ready(myquery.init);