Laravel для каждого с JQuery

Question

Я работаю на Laravel 5.6, и в моем контроллере я извлекаю некоторые данные из API, которые я храню в переменной, и передаю их в представление.Переменная $ orders - это переменная.

На мой взгляд, у меня есть этот блок кода.

@foreach($orders as $order)
                                  <tbody>
                                      <tr>
                                          <td>{{ \Carbon\Carbon::parse($order->created_at)->format('m/d/Y') }}</td>
                                          <td>{{ $order->order_number }}</td>
                                          <td><input type="checkbox" data-toggle="switch" class="ct-primary" id="printing" value="0" /></td>
                                          <td><input type="checkbox" data-toggle="switch" class="ct-primary" id="engraving1" value="0" /></td>
                                          <td><input type="checkbox" data-toggle="switch" class="ct-primary" id="engraving2"  value="0" /></td>
                                          <td><input type="checkbox" data-toggle="switch" class="ct-primary" id="assembly"  value="0" /></td>
                                          <td><input type="checkbox" data-toggle="switch" class="ct-primary" id="completed"  value="0" /></td>
                                          <td><button class="btn btn-info btn-fill btn-sm"><a href="orders/{{ $order->id }}" style="color: #FFFFFF">Details</a></button></td>
                                      </tr>
                                      <tr>
                                  </tbody>
                                  @endforeach

Выше приведен цикл foreach, который проходит через каждый ордер и публикует его в моем представлении ..Есть 200 результатов ... Достаточно просто.Однако ниже этого с помощью Jquery мне нужно сохранить детали в базе данных и выполнить еще несколько действий.Чтобы проверить, как он взаимодействует с Jquery, я сделал следующий код:

          $(document).on('change', '#printing', function() {
              console.log({{ $order->order_number }});
          });

У меня проблема в том, что $ order-> order_number - это только первое число, которое загружается при цикле foreach.начинается.Таким образом, в примере этот console.log будет 37311. Мой вопрос заключается в том, как бы я мог сделать этот вызов jquery:

 $(document).on('change', '#printing', function() {
              console.log({{ $order->order_number }});
          });

Я также попытался сделать это, сделав каждый идентификатор уникальным:

id="printing{{ $order->order_number }}".

Тогда в jquery ('#printing{{ $order->order_number }}') однако это не решило.равно каждому порядковому номеру для каждого?

Answer 1

Я надеюсь, что правильно понял вопрос.Вот что я бы сделал:

1. Используйте свой итератор, чтобы сохранить $ order-> order_number в атрибуте данных на этом входе флажка
2. Использовать класс для печати флажка
3. Используйте jQuery для привязки этих действий

Здесь приведено изменение кода для соответствия этим правкам

//edited jquery event binding to class and logging data-ordernumber
$(document).on('change', '.printing', function() {
  console.log($(this).data("ordernumber"));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
@foreach($orders as $order)
<tbody>
  <tr>
    <td>{{ \Carbon\Carbon::parse($order->created_at)->format('m/d/Y') }}</td>
    <td>{{ $order->order_number }}</td>
    <td><input type="checkbox" data-toggle="switch" data-ordernumber="{{ $order->order_number }}" class="ct-primary printing" id="printing" value="0" /></td>
    <td><input type="checkbox" data-toggle="switch" class="ct-primary" id="engraving1" value="0" /></td>
    <td><input type="checkbox" data-toggle="switch" class="ct-primary" id="engraving2" value="0" /></td>
    <td><input type="checkbox" data-toggle="switch" class="ct-primary" id="assembly" value="0" /></td>
    <td><input type="checkbox" data-toggle="switch" class="ct-primary" id="completed" value="0" /></td>
    <td><button class="btn btn-info btn-fill btn-sm"><a href="orders/{{ $order->id }}" style="color: #FFFFFF">Details</a></button></td>
  </tr>
  <tr>
</tbody>
@endforeach

Очевидно, переменные php не обрабатываются, но я думаю, что живой пример может быть полезен в любом случае.