Livewire checkbox array not working as expected

Hi,

I am trying to create a page where a admin can sync user & roles.

public $user;
public $selectedRoles = [];
	
public function mount()
{
	$this->roles = SpatieRole::all();
	$this->selectedRoles = $this->user->roles->pluck('id')->toArray();
}

public function updatedSelectedRoles()
{
	$this->user->syncRoles($this->selectedRoles);
}

FrontEnd:

<ul>
	@foreach($roles as $role)
	<li>
		<input 
		type="checkbox"
		value="{{ $role->id }}"
		wire:model="selectedRoles"
		>{{ $role->id }} {{ $role->name }}
	</li>
	@endforeach

</ul>

This works fine if $selectedRoles is empty array.

Let me know how can I fix this. Thanks.

geetpurwar

4 years ago

Best Answer

Level 13

Found the answer here: https://laracasts.com/discuss/channels/livewire/livewire-checkboxes-array-with-pluck

Sinnbeck

4 years ago

Level 102

You aren't setting the checkbox check property.

<li>
		<input 
		type="checkbox"
		value="{{ $role->id }}"
		wire:model="selectedRoles"
        {{$selectedRoles->contains($role->id) ? 'checked' : ''}} 
		>{{ $role->id }} {{ $role->name }}
	</li>

Please or to participate in this conversation.