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

在前端开发中，如果已经选择了同名输入字段，如何禁用已选择的选项可以通过以下几种方式实现：

使用JavaScript：通过监听同名输入字段的change事件，在事件回调函数中获取已选择的选项的值，然后遍历同名输入字段，将与已选择的选项值相同的选项禁用。

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

使用CSS：通过设置已选择的选项的样式来模拟禁用效果，使其看起来不可选。

<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>

以上是两种常见的实现方式，具体选择哪种方式取决于具体的需求和场景。腾讯云提供了丰富的前端开发工具和服务，例如腾讯云云开发（https://cloud.tencent.com/product/tcb）和腾讯云云函数（https://cloud.tencent.com/product/scf）等，可以帮助开发者快速构建和部署前端应用。