Bootstrap切换复选框不会随请求一起发送

Question

我的Laravel 5.1表单上有一个复选框，我已将Bootstrap Toggle属性合并到。问题是，在提交表单时，复选框不会随请求一起发送。我已经确认已选中（已选中=已选中）。我在同一表单上有另一个复选框，它没有使用Bootstrap Toggle样式，它按预期传递。

以下是表单输入：

{!! Form::checkbox('status', '1', $employee->status, array('data-toggle' => 'toggle')) !!}

（$ employee-＆gt; status是布尔值）

以下是我在项目中加载的所有脚本和CSS：

<!-- Stylesheets -->
<link href="/css/app.css" rel="stylesheet">
<link href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css" rel="stylesheet" >
<link href="https://gitcdn.github.io/bootstrap-toggle/2.2.2/css/bootstrap-toggle.min.css" rel="stylesheet">
<link href="/css/pams.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.3.0/dropzone.css" rel="stylesheet">

@yield('head-css')

<!-- Fonts -->
<link href='//fonts.googleapis.com/css?family=Roboto:400,300' rel='stylesheet' type='text/css'>

<!-- Scripts -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.js"></script>
<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script>
{{-- Twitter Bootstrap --}}
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/js/bootstrap.min.js"></script>
{{-- This is for the converting a checkbox to a sliding toggle --}}
<script src="https://gitcdn.github.io/bootstrap-toggle/2.2.2/js/bootstrap-toggle.min.js"></script>
{{-- This is for the autocomplete in the select boxes --}}
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>
{{-- This is for adding photos through drag and drop or click --}}
<script src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.3.0/dropzone.js"></script>

如果我删除＆＃34;数据切换＆＃34; =＆GT; ＆＃34;肘节＆＃34;它按预期工作。

Answer 1

我试图重现你的问题，我创建了带有表单的laravel页面（boostrap，dropzone和这个bootstrap toggle包含并激活）：

{!! Form::open(array('url' => 'test')) !!}
{!! Form::checkbox('status', '1', true, array('data-toggle' => 'toggle')) !!}
{!! Form::submit('Send') !!}
{!! Form::close() !!}

我在Chrome和Mozilla上运行此代码，结果如下： 如果我选中了复选框（打开），则 status = 1 已添加到表单请求中（嗅探器为Charles）

但是，如果我再次单击以将其关闭，则表单请求中不会添加任何内容。这是正常的，您可以简单地确认它here

也许问题出现在select2库中，但我不知道你在做什么。其余的代码对你很有帮助。