输入复选框的Onclick功能-在页面加载上检查，也在单击上检查

onclick function for input checkbox - check on page load and also on click

本文关键字：检查 加载 单击 复选框 Onclick 功能 输入      更新时间：2023-09-26

我有这样的代码:

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

在单击时隐藏/显示表主体id。

如何使此代码在页面加载以及点击上运行?

在文档中。Ready函数，你可以触发点击事件，比如

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

将其分离为一个函数并绑定在load以及click:

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
});

你可以使用$(document)。准备:

$(document).ready(function(){
//put your code here
});
相关文章：