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

【问题标题】：Bootstrap toggle checkbox doesn't get sent with requestBootstrap 切换复选框不会随请求一起发送
【发布时间】：2016-12-15 21:31:45
【问题描述】：

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

这是表单输入：

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

($employee->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>

如果我删除“data-toggle”=>“toggle”，它会按预期工作。

【问题讨论】：

表格在哪里？您的代码的某些部分可能会丢失。

标签： php jquery css twitter-bootstrap laravel-5.1

【解决方案1】：

我试图重现您的问题，我创建了带有表单的 laravel 页面（boostrap、dropzone 和这个引导切换包括并处于活动状态）：

{!! 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 库中，但我不知道你在做什么。您的其余代码对您很有帮助。

【讨论】：