当第一个选项被选中时，禁用同一div中的其他选项

<div id="options">
  <input type="radio" name="option" value="option1" onclick="disableOptions()"> Option 1
  <input type="radio" name="option" value="option2" onclick="disableOptions()"> Option 2
  <input type="radio" name="option" value="option3" onclick="disableOptions()"> Option 3
</div>

<script>
function disableOptions() {
  var firstOption = document.querySelector('input[name="option"]:checked');
  var otherOptions = document.querySelectorAll('#options input[name="option"]:not(:checked)');
  
  otherOptions.forEach(function(option) {
    option.disabled = firstOption.checked;
  });
}
</script>

<div id="options">
  <input type="radio" name="option" value="option1" onclick="disableOptions()"> Option 1
  <input type="radio" name="option" value="option2" onclick="disableOptions()"> Option 2
  <input type="radio" name="option" value="option3" onclick="disableOptions()"> Option 3
</div>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
function disableOptions() {
  var firstOption = $('input[name="option"]:checked');
  var otherOptions = $('#options input[name="option"]').not(':checked');
  
  otherOptions.prop('disabled', firstOption.is(':checked'));
}
</script>