表单内的 Laravel 复选框不会检查

Question

我被困在 Laravel 5.2 中，试图与表单中的复选框进行交互。 当我单击它们时，它们只会亮起，但不会被检查。 似乎当我删除表单标签（或刀片标签）时，可以选中复选框，但我需要它们位于表单内以提交是否选中...... 代码位于@section('content') 中的 home.blade.php 这似乎有效：

@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

但这里失败了：

@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

感谢您的帮助！

Answer 1

将您的Form open 和Form close 标签移到foreach 之外。它创建的形式与 foreach 循环一样多。您的代码应如下所示：

{{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

看起来您将表单作为复选框的 onclick 事件提交。您实际上是在单击复选框后立即提交表单，并且由于表单提交给自身，因此它会以其默认状态（未选中）重新加载。当您完成单击它时，页面已重新加载并且再次未单击。

删除表单标签时看不到这个的原因是因为事件（提交表单）不再做任何事情，因为不再有要提交的表单。

我指的是这个有问题的属性：

onClick="this.form.submit"