Edit form with checkboxes

Level 75

If a checkbox is not checked nothing is passed.

Level 1

When editing the form, I select some checkboxes but array is [].

Level 24

name="select_tags.{{ $tag->tag_id }}[]"

for normal case, not need append .{{ $tag->tag_id }}, because value="{{ already contain the tag id }}"

view the html sorce code, you will see

name="select_tags.1[]"
name="select_tags.2[]"
name="select_tags.3[]"
name="select_tags.4[]"

so just use

name="select_tags[]"

and use ->sync() in backend update the data

Level 1

My view is:

<div class="form-group mt-2">
        <label class="block text-gray-700 text-sm font-bold mb-2">Tagi:</label>
        <div class="mt-2">
            @foreach ($tags as $key => $tag)
                <label class="flex items-center">
                    <input type="checkbox" class="form-checkbox" name="select_tags[]" wire:dirty="select_tags" value="{{ $tag->tag_id }}" {{ in_array($tag->tag_id, $cms_tags->pluck('tag_id')->toArray()) ? ' checked' : '' }}>
                    <span class="ml-2">{{ $tag->tag_name }}</span>
                </label>
            @endforeach
        </div>
        @error('tags') <span class="text-red-500">{{ $message }}</span>@enderror
    </div>

My Component is:

public function update()
    {
        $this->validate([
            'cms_title' => 'required|max:50|validate_name|unique:cmss,cms_title,'.$this->cms_id.',cms_id',
            'cms_content' => 'required',
            'cms_visible' => 'required',
        ]);

        if ($this->cms_id) {
            $record = Cms::find($this->cms_id);
            $record->update([
                'cms_title' => $this->cms_title,
                'cms_content' => $this->cms_content,
                'cms_visible' => $this->cms_visible,
            ]);

            if (count($this->select_tags) > 0) {
                CmsTag::where('cms_id', $this->cms_id)->delete();

                foreach ($this->select_tags as $key => $value) {
                    CmsTag::create([
                        'cms_id' => $this->cms_id,
                        'tag_id' => $value,
                    ]);
                }
            }
}

I corrected the tag but I am not sure how to use ->sync() you have mentioned.

Level 24

seems you are oneToMany, and not use any relationship to create, so your code work ?

but this line actually not correct

if (count($this->select_tags) > 0) {

for example 5 tag already exists in database, now in the view you un-check all 5 tag, you can't delete all the exists tag in database

the better way is compare the the (new_select_tags !== old_database_tags)

Level 1

I didn't implement oneToMany in my code model.

Yes you are right that the code:

if (count($this->select_tags) > 0) {

is bad. I changed this code.

I don't understand why one of the codes in my view works different.

I made a test: When I use code:

<input type="checkbox" class="form-checkbox" name="select_tags.{{ $tag->tag_id }}[]" wire:model="select_tags.{{ $tag->tag_id }}" value="{{ $tag->tag_id }}" {{ in_array($tag->tag_id, $cms_tags->pluck('tag_id')->toArray()) ? ' checked' : '' }}>

I don't see that the checkboxes are checked. But when I check in chrome developer I see:

<input type="checkbox" class="form-checkbox" name="select_tags[]" wire:model="select_tags" value="11" checked>

so it shows "checked".

What's interesting is that when I copy this line and paste it in another place there is no value for checked as you can see below:

<input type="checkbox" class="form-checkbox" name="select_tags[]" wire:model="select_tags" value="11" checked="">

but when I look at this in Chorme I see:

<input type="checkbox" class="form-checkbox" name="select_tags[]" wire:model="select_tags" value="11" checked>

Level 24

checked="" is equal checked

without checked means un-checked

may be i need upgrade to use Laravel 8, because i don't know about Livewire ;(

Level 1

You're right about checked

I use laravel ver 8 and everything is updated.