非常簡單的東西，使用eventlistener。

document.addEventListener('DOMContentLoaded', () => {

  document.querySelectorAll('input[type="checkbox"]:not(:checked)').forEach(chk => {

    document.querySelectorAll(`input[type="text"].${chk.className}`).forEach(i => i.classList.add('hide'));

  });

});

.hide {

  display: none;

}

<input type="checkbox" class="test1" checked>

<input type="text" class="test1">

<input type="checkbox" class="test2">

<input type="text" class="test2">