У меня есть функция на основе списка контактов. Когда я выбираю что-то из этого модального (флажки) - 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
для каждого проверяемого имени.