Laravel 计数检查复选框实时答案

【问题标题】：Laravel Count Checked Checkbox Real-TimeLaravel 计数检查复选框实时
【发布时间】：2021-12-16 22:03:30
【问题描述】：

好日子伙计们。如何实时计算选中的复选框？我有这些标记为Transfer Students的按钮，我希望用户知道当前检查了多少学生（因为我们的教室对大小很敏感）

  <button   
    wire:click="editModal()"
        class="bg-blue-500 hover:bg-blue-300 text-white font-bold py-2 px-4 border-b-4 border-blue-700 hover:border-blue-500 rounded">
        Transfer Student($count of selected students) 
      </button>

 <input type="checkbox" wire:model="selectedStudents.{{ $stud->id }}">

【问题讨论】：

标签： laravel laravel-livewire

【解决方案1】：

我会改变你跟踪selectedStudents 的方式，让事情变得更简单。

您当前对selectedStudents.{{ $stud->id }} 的实现会生成一个数组，其中key 是student id，value 也是student id（选中时）或false（未选中时）。选择然后取消选择复选框不会删除数组元素，而是将其 value 设置为 false。

因此，如果您将 Livewire 绑定到您的 selectedStudents 数组，然后使用 input 元素的 value 属性，您可以获得类似但简化的结果。

<input type="checkbox" wire:model="selectedStudents" value="{{ $stud->id }}" />

上面的结果是一个数字索引数组，其中value 是student id。当您选择一个复选框时，一个元素会添加到selectedStudents，当您取消选择一个复选框时，它会被删除。

这样做的好处是您现在可以简单地使用count($selectedStudents) 来获取所选学生的数量。

{{ count($selectedStudents) }} have been selected

【讨论】：