onclick函数用于输入复选框 - 检查页面加载和单击

Question

我有这段代码：

$('input.ShowResellerAccounts').on('click', function(){
    if($(this).is(':checked')){
        $('tbody#pages').hide();
    } else {
        $('tbody#pages').show();
    }
});

在点击时隐藏/显示表格tbody id。

如何在页面加载和点击时运行此代码？

Answer 1

在document.ready函数中，您可以触发点击事件，如

$('input.ShowResellerAccounts').trigger('click');

Answer 2

将其分成一个函数并绑定在 load 以及点击上：

function checkInput(){
    if($(this).is(':checked')){
        $('tbody#pages').hide();
    } else {
        $('tbody#pages').show();
    }
});

$(document).ready(function() {
    $('input.ShowResellerAccounts')
      .on('click', checkInput) // bind to click
      .each(checkInput); // call now
});

Answer 3

你可以使用$（document）.ready：

$(document).ready(function(){
//put your code here
});