Laravel checkbox inside form won't check - forms

Question

I'm stuck in Laravel 5.2 trying to be able to interact with a checkbox inside a form.
When I click them, they just light up, but won't get checked.
It seems that when I remove the form tags (or blade tags), the checkboxes can be checked, but I need them to be inside a form to submit if checked or not...
code is located in home.blade.php in the #section('content')
This seems to work:
#foreach($items as $item)
<li>
<input id="item" name="id" onClick="this.form.submit" type="checkbox" value="{{ $item->id }}" {{ $item->done ? 'checked' : ''}} />
{{ $item->name }}
</li>
#endforeach
Image of working checkboxes
But it fails here:
#foreach($items as $item)
<li>
{{Form::open()}}
<input id="item" name="id" onClick="this.form.submit" type="checkbox" value="{{ $item->id }}" {{ $item->done ? 'checked' : ''}} />
{{ $item->name }}
{{Form::close()}}
</li>
#endforeach
Image checkboxes not working
Thanks for helping!

Answer 1

Move your Form open & Form close tag outside of foreach. It is creating many form as much as the foreach looped. Your code should look like this:
{{Form::open()}}
#foreach($items as $item)
<ul>
<li>
<input id="item" name="id" onClick="this.form.submit" type="checkbox" value="{{ $item->id }}" {{ $item->done ? 'checked' : ''}} />
<label for="id">{{ $item->name }}</label>
</li>
</ul>
#endforeach
{{Form::close()}}

Answer 2

It looks like you are submitting the form as an onclick event of the checkbox. You are essentially submitting the form as soon as the checkbox is clicked, and since the form submits to itself, it is reloading in its default state (unchecked). By the time you have finished clicking it, the page has reloaded and it is unclicked again.
The reason why you don't see this when you remove the form tag, is because the event (submitting the form) no longer does anything, because there is no longer a form to submit.
I am referring to this offending attribute:
onClick="this.form.submit"