Как изменить флажок с помощью значка проверки в datatable с использованием jQuery и laravel?

Question

У меня есть две формы, форма1 содержит дату и кнопку показа, которая скрывает форму1 и отображает форму2, которая также содержит таблицу зарплаты и флажки и кнопку проверки. Я хочу, чтобы при нажатии на отображение кнопки это было необходимо чтобы проверить, есть ли уже в таблице указатели выбранных дат и матриц, если да, то если sh, то флажок изменяется с допустимым значком, в противном случае флажок остается неизменным.

Суммируем: таблица pointage (id, datep, табельный номерP). Если есть в таблице pointages datep = dateS и matriculeP = matriculeS, поменяйте флажок по значку validate.

valider.blade. php

<div id="form1">
  <div class=" col-md-10 col-md-offset-1">
   <div class="form-group col-md-3">
    <label for="titre">date</label>
   </div>
   <div class="form-group col-md-5">
     <input type="date" name="dateS" id="dateS" class="form-control">
   </div>
  </div>
  <div class="col-md-6 col-md-offset-3">
    <div class="form-group col-md-2">
     <button class="btn btn-primary" id="hide" data-url="">show</button>
    </div>
  </div>
</div>
<div id="form2">
   <div class="col-md-10 col-md-offset-1">
            <h4>dateS : <span id="da"></span></h4>
        </div>
            <table id="example" class="table table-striped table-bordered" style="width:100%">
                 <thead>
                  <tr>
                    <th><input type="checkbox" id="check_all"></th>
                    <th>matriculeS</th>
                    <th>name</th>
                  </tr>
                 </thead>
                <tbody>
                  @foreach($salaries as $salarie)
                  <tr id="{{$salarie->id}}">
                    <td><input type="checkbox" class="checkbox" name="customer_id[]" value="{{$salarie->id}}" /></td>
                    <td>{{ $salarie->id }}</td>
                    <td>{{ $salarie->prenom }}</td>
                  </tr>
                  @endforeach
                </tbody>
            </table>
          <div class="col-md-6 col-md-offset-3">
          <div class="form-group col-md-2">
           <button class="btn btn-primary" id="valider" data-url="">Validate</button>
          </div>
        </div>

</div>

jQuery

 <script type="text/javascript">
  $(document).ready(function () {
    $("#form2").hide();
    let dateS = $("#dateS").val();
    $("tr").each(function(i, r) {

      let matriculeS = r.cells[5].innerText;
      if (dateS=dateP && matriculeS=matriculep) {
        $(r).find("input").first().replaceWith('<span style="color: green;font-weight: bolder;">✔</span>');//✓ - 
      }
    });

    $("#hide").click(function(){

      $("#form1").hide();
      $("#form2").show();
      let dat = $("#dateS").val();
      $("#da").text(dat);
    });

    $("#valider").click(function() {

    $("tr").each(function(i, r) {
      if (i > 0 && $(r).find("input").first().prop("checked")) {
        $(r).find("input").first().replaceWith('<span style="color: green;font-weight: bolder;">✔</span>');//✓ - 

      }
    });
  });


    });
  </script>

SalarieController. php

public function valider(){
      $salaries = Salarie::get();
      $pointages = Pointage::get();
      return view('salarie.valider',compact('salaries','pointages'));
    } 

web. php

Route::get('valider', 'SalarieController@valider');