时间戳

首页 > 解决方案 > 如何在laravel上插入拨动开关？

ajax - 如何在laravel上插入拨动开关？

问题描述

我想在管理面板上插入切换开关。使用我的代码，我得到的是复选框而不是切换开关。我应该怎么做才能插入按钮？我的按钮代码

<td> <input data-id="{{$posts[$i]->id}}" class="toggle-class" type="checkbox" data-onstyle="success" data-offstyle="danger" data-toggle="toggle" data-on="Active" data-off="InActive" {{ $posts[$i]->status ? 'checked' : '' }}>

标签： ajaxlaravelbuttontoggle

解决方案

我猜你缺少包括 CSS\JS 库文件。

检查工作演示

<!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Toggle switch</title>
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet"/>
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"/>
    <link href="https://gitcdn.github.io/bootstrap-toggle/2.2.0/css/bootstrap-toggle.min.css" rel="stylesheet"/>
    </head>

    <body>
    <input type="checkbox" checked data-toggle="toggle">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
    <script src="https://gitcdn.github.io/bootstrap-toggle/2.2.0/js/bootstrap-toggle.min.js"></script>
    </body>

    </html>

推荐阅读