Question

我正在创建一个虚拟团队的Web应用程序上工作。用户可以选择玩家，然后选择团队的“队长”和“副队长”。为此，我创建了两个单选按钮组，以便用户只能选择团队中的一名球员作为“队长”，而只能选择一名球员作为“副队长”。我的问题是，如何限制用户选择与队长和副队长相同的播放器，因为两个广播组的名称不同，并且即使是同一播放器，用户也可以从中选择一个。这是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

我通过遵循以下问题答案中的建议解决了我的问题

[Compare radio button values using jquery

感谢您的光临。

Answer 2

使用Javascript查看机长的检查值。使用事件侦听器侦听船长组的值更改。根据检查的值，从副船长列表中禁用该ID。

如果为字段赋予数据属性或唯一的类名或ID，则检查或查询dom元素将更加容易。

也具有相同的后端验证。

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

2 个答案: