Мне нужно оставить флажки ввода, когда я открываю модальное. Но я не знаю:
У меня есть список флажков о пользователях. Когда я выбираю и нажимаю кнопку, чтобы открыть модальный, мне нужно сохранить этот выбор, чтобы отправить электронное письмо, но каждый флажок не установлен в модальном.
HTML:
<div>
<h4>LIST USERS</h4>
@foreach ($agent as $agent)
<ul class="user-select">
<li>
<h5>{{ $agent->name }}</h5>
<input type="checkbox" name="agents[]"/>
</li>
</ul>
@endforeach
<p>
<a href="#" class="button register-interest">Register interest</a
</p>
</div>
MODAL:
<div class="register-modal">
<div class="modal-box">
<div class="header">
<h3 class="text-black">Register your interest</h3>
<a href="#" title="Close" class="close-modal">X</a>
</div>
<div class="content">
<h5>Select Agents</h5>
<form>
@foreach ($agents as $agent)
<ul class="agents-select">
<li>
<h5>{{ $user->name }}</h5>
<input type="checkbox" name="agents[]"/>
</li>
</ul>
@endforeach
<input type="text" name="name"/>
<input type="email" name="email"/>
<textarea name="comments"></textarea>
<button type="submit" name="register">SEND</button>
</form>
</div>
</div>
</div>
Jquery:
$('.register-interest').on('click', function(e) {
e.preventDefault();
$('.register-modal').show();
});
$('.register-modal a.close-modal').on('click', function(e) {
e.preventDefault();
$('.register-modal').hide();
});
Реальный код:
HTML:
![enter image description here](https://i.stack.imgur.com/bzNFF.png)
MODAL:
![enter image description here](https://i.stack.imgur.com/Hi08X.png)
Jquery:
![enter image description here](https://i.stack.imgur.com/K4Iih.png)
Как сохранить выбор ввода и сохранить при открытии модального?
С наилучшими пожеланиями заранее!
ОШИБКА ЭКРАНА
![enter image description here](https://i.stack.imgur.com/r9kyB.png)