Laravel Livewire: How to bind checkbox selected values to component array

You need to use wire:model="selectedtypes.{{ $type->id }}"

<form>
@foreach($initial_cargo_types as $type)
       <div class="mt-1">
              <label class="inline-flex items-center">
		      <input type="checkbox" value="{{ $type->id }}" wire:model="selectedtypes.{{ $type->id }}" class="form-checkbox h-6 w-6 text-green-500">
                   <span class="ml-3 text-sm">{{ $type->name }}</span>
               </label>
          </div>
@endforeach
</form>

I feel like most of the answers are not complete and are vague, which needs figuring out.

You do have to use wire:model with the ":" between wire and model as it's in the documentation, you DO NOT need a form unless you want to use submit event, since you have there property you can do a wire:click on a button for the event or whatever to handle the data, but that is besides the point.

What you want is to prefill the checkboxes as an associative array with the key as your logic unique identifier such as above $type->id and the value a boolean if you want to be either checked or unchecked, in my case I want them all checked and select the key in your view by looping over your stuff:

// componet class
...
    public array $checkboxes;
	public $manyStuff;

    public function mount(Model $model)
    {

        // get an array of ids
        $setOfIds = $model->manyStuff->pluck('id')->toArray();

		//  ---- PREFILL!!! ----
		// use the ids as the keys
		// fill the values with true so all the checkboxes are checked
		$this->checkboxes = array_fill_keys($setOfIds, true);

        // set the many stuff for the loop
		$this->manyStuff = $model->manyStuff;
    }
...

// view

...
@foreach($manyStuff as $stuff)   
 		<input type="checkbox" wire:model="checkboxes.{{ $stuff->id }}"/>
@endforeach
...

Now all you got to do in your "handle data" method is to use array_filter to remove all the falses and an array_keys to get your logic unique identifiers