Я написал код, который отправляет электронную почту выбранным людям с помощью флажка, теперь я должен добавить кнопку «Выбрать все» и очистить все, чтобы все флажки были выбраны / отключены.
Вот мой код:
Мой контроллер:
public function display(){
$data = Input::get('agree');
$count = count ($data);
$this->contact( $data );
return view('clientinfo.display', compact('data','count'));
}
Мой взгляд:
@extends('app')
@section('content')
<h1>Welcome! Send e-mail to selected people.</h1>
<hr>
{!! Form::open(array('action' => 'ClientsController@display','method' => 'GET'))!!}
@foreach($clients as $client)
{!! Form::checkbox("agree[]", $client->email, null,['id' => $client->email]) !!}
<article>
{{ $client->user_name }}
{{ $client->email }}
</article>
@endforeach
{!! Form::submit('Send Mail',['class' => 'btn btn-primary form-control']) !!}
{!! Form::close() !!}
<br/>
@include('clientinfo.newmember')
@stop
если я добавлю кнопку в моем представлении с именем select-all и clear-all, как мне их связать, чтобы выбрать всех членов в списке?
Вы можете присвоить флажкам класс и использовать jquery.
Вам также необходимо установить флажок «выбрать все» с идентификатором.
$(function() {
$('#selectAll').click(function() {
if ($(this).prop('checked')) {
$('.your_checkbox_class').prop('checked', true);
} else {
$('.your_checkbox_class').prop('checked', false);
}
});
});
PS: код не тестируется
Я внес изменения в мой код, и он работал, используя JavaScript.
Вот мой код:
@extends('app')
@section('content')
<h1>Welcome! Send e-mail to selected people.</h1>
<hr>
{!! Form::open(array('action' => 'ClientsController@display','method' => 'GET','name'=>'f1' , 'id'=>'form_id'))!!}
<br/>
@foreach($clients as $client)
<div class="form-group">
{!! Form::checkbox("agree[]", $client->email, null,['id' => $client->email], ['class' => 'questionCheckBox']), $client->email !!}
<br/>
</div>
@endforeach
<div class="form-group">
{!! Form::submit('Send Mail',['class' => 'btn btn-primary form-control']) !!}
</div>
<div class="form-group">
{!! Form::button('Select All',['class' => 'btn btn-info form-control','onClick'=>'select_all("agree", "1")']) !!}
</div>
<div class="form-group">
{!! Form::button('Clear All',['class' => 'btn btn-danger form-control','onClick'=>'select_all("agree", "0")']) !!}
</div>
{!! Form::close() !!}
@stop
@endsection
И в моем мастер-файле я добавил JavaScript:
<script type="text/javascript">
var formblock;
var forminputs;
function prepare() {
formblock= document.getElementById('form_id');
forminputs = formblock.getElementsByTagName('input');
}
function select_all(name, value) {
for (i = 0; i < forminputs.length; i++) {
// regex here to check name attribute
var regex = new RegExp(name, "i");
if (regex.test(forminputs[i].getAttribute('name'))) {
if (value == '1') {
forminputs[i].checked = true;
} else {
forminputs[i].checked = false;
}
}
}
}
if (window.addEventListener) {
window.addEventListener("load", prepare, false);
} else if (window.attachEvent) {
window.attachEvent("onload", prepare)
} else if (document.getElementById) {
window.onload = prepare;
}
</script>
Раньше я делал это с помощью Jquery, который не работал, затем я пытался использовать JavaScript и это сработало.
Я пробовал различные способы добавить jquery в мой код, которые приведены в ответах stackoverflow.com, но ничего не получалось в Laravel. Если кто-нибудь знает, как использовать JQuery в Laravel, Пожалуйста, оставьте комментарий.