如果已经选择了同名输入字段，如何禁用已选择的选项？

// HTML
<input type="checkbox" name="option" value="1"> Option 1
<input type="checkbox" name="option" value="2"> Option 2
<input type="checkbox" name="option" value="3"> Option 3

// JavaScript
const options = document.querySelectorAll('input[name="option"]');
options.forEach(option => {
  option.addEventListener('change', () => {
    const selectedOptions = Array.from(options)
      .filter(option => option.checked)
      .map(option => option.value);
      
    options.forEach(option => {
      option.disabled = selectedOptions.includes(option.value);
    });
  });
});

<style>
  input[name="option"]:checked + label {
    color: #999;
    pointer-events: none;
  }
</style>

<input type="checkbox" name="option" id="option1" value="1">
<label for="option1">Option 1</label>
<input type="checkbox" name="option" id="option2" value="2">
<label for="option2">Option 2</label>
<input type="checkbox" name="option" id="option3" value="3">
<label for="option3">Option 3</label>