Input checkbox with Li

I have issues with liveview and checkboxes having the same name. The user is expected to select many of those choices. But Every time one is checked the validate method is called and the front end is updated with additional checkboxes for each of the options. I tried even using the checkbox name an array but still the same behaviour.
Still related, I found the workflow in many to many relationships in liveiew rather harder to put in place than we regular forms over HTTP. For example here for each checkbox clicked a request is fired at the backend for validation; more this is usually handled with a put_assoc when the changeset is valid. If someone could share his experience related to that.
Here is a code related to what I obseved.

            <div>
                <%= label class: "label" do %>
                <%= checkbox f, :steak_types, class: "checkbox" %>
                <span> aged</span>
                <% end %>
                <%= label class: "label" do %>
                <%= checkbox f, :steak_types, class: "checkbox" %>
                <span>grass fed</span>
                <% end %>
                <%= label class: "label" do %>
                <%= checkbox f, :steak_types, class: "checkbox" %>
                <span>aged</span>
                <% end %>
                <%= label class: "label" do %>
                <%= checkbox f, :steak_types, class: "checkbox" %>
                <span>prime rib</span>
                <% end %>
            </div>

Thanks! :smiley:

Maybe this can help…