限制用戶只能從具有相同值的兩組中選擇一個單選按鈕

Question

我正在開發一個網絡應用程序，我正在創建一個虛擬團隊。 用戶可以選擇球員，然后選擇球隊的“隊長”和“副隊長”。 為了實現這一點，我創建了兩個單選按鈕組，以便用戶只能選擇一名球員作為“隊長”，並且只能選擇一名球員作為球隊的“副隊長”。 我的問題是，我如何限制用戶選擇與隊長和副隊長相同的玩家，因為兩個無線電組都有不同的名稱，即使是同一個玩家，用戶也可以從中選擇一個。 這是我試圖解釋的 Laravel Blade 中的示例代碼。 您可以使用 javascript 或 jquery 提出解決方案。

    @foreach($players as $player)
    <tr>
      <td>
        <input type="checkbox" name="player[]" value="{{ $player->id }}">
      </td>
      <td>
        {{ $player->name }}
      </td>
      <td>
        {{ $player->category }}
      </td>
      <td>
        {{ $player->team }}
      </td>
    </tr>
    <tr class="table-borderless">
      <td colspan="2">
        <input type="radio" name="captain" value="{{ $player->id }}"> Captain
      </td>
      <td colspan="2">
        <input type="radio" name="vicecaptain" value="{{ $player->id }}"> Vice-Captain
      </td>
    </tr>
@endforeach

我想限制用戶為同一玩家同時選擇“隊長”和“副隊長”單選按鈕，並希望顯示有用的消息來將選擇之一更改為不同的玩家。

Answer 1

我按照以下問題的答案中的建議解決了我的問題

[ 使用 jquery 比較單選按鈕值

謝謝你看。

Answer 2

使用 Javascript 查看船長的檢查值。 使用事件監聽器監聽船長組的值變化。 根據選中的值，從副隊長列表中禁用該 id。

如果您為字段提供數據屬性或唯一的類名或 id，則檢查或查詢 dom 元素會更容易。

也有相同的后端驗證。