限制用户从具有相同值的两组中仅选择一个单选按钮答案

【问题标题】：Restrict user to select only one radio button from two groups with same value限制用户从具有相同值的两组中仅选择一个单选按钮
【发布时间】：2019-12-05 03:25:00
【问题描述】：

我正在开发一个网络应用程序，我正在创建一个虚拟团队。用户可以选择球员，然后选择球队的“队长”和“副队长”。为此，我创建了两个单选按钮组，以便用户只能选择一名球员作为“队长”，而只能选择一名球员作为球队的“副队长”。我的问题是，我如何限制用户选择与队长和副队长相同的玩家，因为两个无线电组都有不同的名称，即使是同一个玩家，用户也可以从中选择一个。这是我试图解释的 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

我想限制用户同时选择同一玩家的“队长”和“副队长”单选按钮，并希望显示有用的消息以将其中一个选择更改为不同的玩家。

【问题讨论】：

标签： javascript jquery laravel bootstrap-4 radio-button

【解决方案1】：

我按照以下问题答案中的建议解决了我的问题

[Compare radio button values using jquery

感谢收看。

【讨论】：

【解决方案2】：

使用 Javascript 查看船长的检查值。使用事件监听器监听队长组的值变化。根据选中的值，从副队长列表中禁用该 ID。

如果您为字段提供数据属性或唯一的类名或 ID，则检查或查询 dom 元素会更容易。

也有相同的后端验证。

【讨论】：