lundi 7 septembre 2020

On click image checkbox should be checked

<div class="modal fade right" id="exampleModalPreview" tabindex="-1" role="dialog" aria-labelledby="exampleModalPreviewLabel" aria-hidden="true">
    <div class="modal-dialog-full-width modal-dialog momodel modal-fluid" role="document">
        <div class="modal-content-full-width modal-content ">
            <div class=" modal-header-full-width bg-success text-white modal-header text-center">
                <h5 id="exampleModalPreviewLabel">Images ()</h5>
                <button type="button" class="close " data-dismiss="modal" aria-label="Close">
                    <span style="font-size: 1.3em;" aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="row">
                    @foreach($images as $image)
                    <div class="col-md-3">
                        <div class="card">
                            <div class="card-body">
                                <center><img class="modal-img" src=""></center><hr>
                                <div class="row">
                                    <div class="col-md-6 mt-3">
                                        <input class="checkbox" type="checkbox" name="image_id" value="">
                                    </div>
                                    <div class="col-md-6">
                                        <a class="btn btn-link btn-md btn-rounded pull-right use" href="javascript:void(0);" data-id="" data-dismiss="modal">USE</a>
                                    </div>
                                </div>
                            </div>
                        </div>  
                    </div>
                    @endforeach
                </div>    
                
            </div>
            <div class="modal-footer-full-width modal-footer">
                <button type="button" class="btn btn-danger btn-md btn-rounded" data-dismiss="modal">Close</button>
                <button id="submit" type="button" class="btn btn-primary btn-md btn-rounded" data-dismiss="modal">Use Selected Image</button>
            </div>
        </div>
    </div>
</div>



Aucun commentaire:

Enregistrer un commentaire