Как добавить значок закрытия функции в этот список? - PullRequest
0 голосов
/ 14 октября 2019

У меня есть функция на основе списка контактов. Когда я выбираю что-то из этого модального (флажки) - https://imgur.com/a/xTtTo8t, в моем списке (за пределами модального), у меня появляется список с выбранными пользователями - https://imgur.com/a/BPWwOZp.

ВопросКак я могу добавить что-то подобное https://imgur.com/a/kPo7PDS?.

И как я могу добавить функцию для этого x, когда нажимается, чтобы снять флажок с моего модального? Спасибо.

Вот мой взгляд:

<div id="results"></div>
<ul style="list-style: none;right: 40px; position: relative" id="destPopuler">
    @foreach($results as $char => $users)
        <div data-letter="{{$char}}"><span>{{$char}}</span></div>
        @foreach($users[0]->contact as $user)
            @if( $user->role[0]->pivot->role_id == 1 )
                <li class="country">
                    <div class="products">
                        <h3 style="margin-bottom: 30px"><a href="{{ url('') }}/{{$user->username }}"><input class="my_div" id="{{$user->username}}" name="target_id[]" type="checkbox" value="{{ $user->id }}" <?php if(isset($replyMessage)){ if($replyMessage == $user->id) { echo "checked"; } } ?>><span class="name" style="padding: 5px" >{{ $user->username }}</a></h3>
                    </div>
                </li>
            @endif
        @endforeach
    @endforeach
</ul>

Вот мой JavaScript:

$(document).ready(displayCheckbox);

function displayCheckbox() {

    var checkboxes = $(".my_div");
    var results = $("#results");

    $.each(checkboxes, function() {
      $(this).change(printChecked);
    })

    function printChecked() {
        var checkedIds = [];

        checkboxes.each(function() {
            if($(this).is(':checked')) {
                checkedIds.push($(this).attr('id'));
            }
        });


        results.text("Checked contacts: " + checkedIds);
    }
}

Я не использую Select2. Я использую только JavaScript и этот div для отображения результатов. Я хочу, чтобы при значении, когда была нажата кнопка закрытия, значение, которое необходимо убрать из моего модального значения.

Мне нужно что-то подобное, но немного другое: Установите флажок и покажите выбранный флажок. значение в div с кнопкой закрытия .

Вместо закрытия div мне нужно иметь x для каждого проверяемого имени.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...