فعال و غیرفعال کردن input با انتخاب گزینه

سلام ، میتونی با جاوا اسکریپت راحت انجامش بدی

<label>
  <input type="checkbox">
  Disable input field
</label>
<input type="text">

const checkbox = document.querySelector('input[type="checkbox"]');
const input = document.querySelector('input[type="text"]');
checkbox.addEventListener('change', function() {
  if (this.checked) {
    input.disabled = true;
    input.value = '';
  } else {
    input.disabled = false;
  }
});

ولی پیشنهاد میکنم از الپاین جی اس استفاده کنی بخاطر سرعت، سادگی و قابل توسعه بودن

<div x-data="{ disabled: false }">
  <label>
    <input type="checkbox" @click="disabled = !disabled">
    Disable input field
  </label>
  <input id="my-input" type="text" :disabled="disabled">
</div>