Multiple Select Dropdown With Checkbox in PHP Laravel

In this multiple select dropdown with checkbox in php laravel tutorial, we will see how to create a multiselect with checkbox html form in laravel application. We can generate or create multi select dropdown using select2 or you can choose select picker jquery plugin. In this tutorial, we will choose select picker to create this dynamic multi select dropdown with checkbox jquery.

So let's see the preview of select2 multiple select with checkbox:

So let's see the source code of multiple select dropdown with checkbox in php laravel:

@extends('layouts.app')

@push('style')
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.1/css/bootstrap-select.css" />
<style>
    .dropdown-toggle{
        height: 40px;
        width: 400px !important;
    }
</style>
@endpush

@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header" style="background: gray; color:#f1f7fa; font-weight:bold;">
                    Laravel 9 Multi Select Dropdown With Checkbox Example  -  Laravelia
                </div>
                 <div class="card-body">
                    @php
                        $languages = [
                            'PHP',
                            'Python',
                            'C#',
                            'C',
                            'C++',
                            'Ruby',
                            'Perl'
                        ];

                        $selected = [
                            'PHP',
                            'Python',
                        ];
                    @endphp                    
                    <form class="w-px-500 p-3 p-md-3" action="{{ route('user.store') }}" method="post" enctype="multipart/form-data">
                        @csrf
                        <div class="row mb-3">
                            <label class="col-sm-3 col-form-label">Framework</label>
                            <div class="col-sm-9 mt-3">
                                <select class="js-example-basic-single" multiple name="Framework[]" data-live-search="true">
                                    @foreach ($languages as $item)
                                        <option value="{{ $item }}"
                                            {{ in_array($item,$selected) ? 'selected' : '' }}>
                                            {{ $item }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="row mb-3">
                            <label class="col-sm-3 col-form-label"></label>
                            <div class="col-sm-9">
                                <button type="submit" class="btn btn-success text-white">Submit</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('script')
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.1/js/bootstrap-select.min.js"></script>
<script>
    $('select').selectpicker();
</script>
@endpush

 

Read also: How To Show Multiple Select Option Selected In Laravel Blade

 

Conclusion

Hope this multiselect with checkbox tutorial will help. After completing this laravel multi select dropdown with checkbox tutorial, your concept will be clear about dynamic multi select dropdown with checkbox jquery. Hope this select2 multiple select with checkbox tutorial will clear your concept about multiple select dropdown with checkbox in php laravel.