Заполните поля с информацией о пользователе аутентификации, когда флажок установлен

Question

У меня есть форма ниже, чтобы пользователь мог зарегистрироваться на конгрессе.

В этом разделе пользователь вводит имя и фамилию каждого участника.

У меня есть флажок «Заполните следующие поля аутентифицированными данными пользователя». и если пользователь установит этот флажок, я хочу заполнить поля ввода имя и фамилию name и surname аутентифицированного пользователя. Вы знаете, как этого добиться?

Флажок только для того, чтобы позволить пользователю, если он также является участником, вместо ввода его имени и фамилии нажать на флажок, и ему не нужно вводить свое имя и фамилию, это автоматически.

@foreach(range(1,$selectedRtype['quantity']) as $test)
    <h6>Participant - 1 - {{$test}}</h6>
    <div class="form-check">
        <input class="form-check-input" type="radio" name="" value="">
        <label class="form-check-label d-flex align-items-center" for="exampleRadios1">
            <span class="mr-auto">Fill the following fields with the authenticated user information.</span>
        </label>
    </div>
    <div class="form-group font-size-sm">
        <label for="participant_name" class="text-gray">Name</label>
        <input type="text" name="participant_name[]" required class="form-control" value="">
    </div>
    <div class="form-group font-size-sm">
        <label for="participant_surname" class="text-gray">Surname</label>
        <input type="text" required class="form-control" name="participant_surname[]" value="">
    </div>
@endforeach

Полная форма:

 <form method="post" id="step1" action="">
        {{csrf_field()}}

        @if (!empty($allParticipants))
            @if($allParticipants == 1)
                <p>Please enter the following information:.</p>

                @foreach($selectedRtypes as $selectedRtype)
                    @foreach(range(1,$selectedRtype['quantity']) as $test)
                        <h6>Participant - 1 - {{$test}}</h6>
                        <div class="form-check">
                            <input class="form-check-input" type="radio" name="" value="referencias">
                            <label class="form-check-label d-flex align-items-center" for="exampleRadios1">
                                <span class="mr-auto">Fill the following fields with the authenticated user information.</span>
                            </label>
                        </div>
                        <div class="form-group font-size-sm">
                            <label for="participant_name" class="text-gray">Name</label>
                            <input type="text" name="participant_name[]" required class="form-control" value="">
                        </div>
                        <div class="form-group font-size-sm">
                            <label for="participant_surname" class="text-gray">Surname</label>
                            <input type="text" required class="form-control" name="participant_surname[]" value="">
                        </div>
                    @endforeach
                @endforeach
            @endif

        @else
            <p>Is not necessary additional info the tickets will be send to  Auth::user()->email.</p>
        @endif
        <input type="submit" href="#step2free"
               id="goToStep2Free" class="btn btn-primary btn float-right next-step" value="Go to step 2"/>
    </form>

Answer 1

Вы можете использовать jQuery для этого.

Просто инициализируйте переменные с полями, которые вы хотите:

<script>
    var name = {{ $name }}
    var surname = {{ $surname }}
</script>

И поставьте слушателя на флажок onchange event:

$(document).ready(function() {
    $('#checkboxId').click(function() {
        if ($(this).is(':checked')) {
            $('#inputNameId').val(name);
            $('#inputSurnameId').val(surname);
        } else {
           $('#inputNameId').val('');
           $('#inputSurnameId').val('');
        }  
    });
});