Моя консоль не показала никакого значения массива при получении идентификатора из входного значения ajax

Question

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

здесь мой код с флажком внутри ajax

$.ajaxSetup({
  headers: {
    'X-CSRF-Token': $('meta[name=csrf-token]').attr('content')
  }
});
$.ajax({
  url: "{{ route('reporting.getBranchAjax',['cuid','stid']) }}",
  method: 'GET',
  data: {
    cuid: cuid,
    stid: stid
  },
  dataType: 'json',
  success: function(data) {

    console.log(data);
    console.log(data.branch.length);

    for (var x = 0; x < data.branch.length; x++) {
      //console.log(data.branch[x].cb_branch_Name);
      $('#brRecord').append(`<tr><td style='width: 110px; text-align: left;'>${data.branch[x].cb_branchcode}
    </td><td style='width: 600px; text-align: 
    left;'>${data.branch[x].cb_branch_Name}</td> 
    <td style='width: 20px;'> <input type="checkbox" class="ss" name="ss_" id="ss_" value="${data.branch[x].ID}^${data.branch[x].cb_branchcode}^${data.branch[x].cb_branch_Name}" /></td><td> </td></tr>`);

    }


  },
  fail: function(xhr, textStatus, errorThrown) {
    alert('request failed');
  }
})
}
var total = document.getElementById('brRecord').rows.length;
var logNo = "";
var arrayTotal = new Array();
for (var i = 1, j = 0; i <= total; i++) {
  if (document.getElementById("ss_").checked == true) {
    arrayTotal[j] = document.getElementById("ss_").value;
    j++;
  }
}
for (var i = 0; i < arrayTotal.length; i++) {
  logNo = logNo + arrayTotal[i]
  if ((arrayTotal.length - i != 1)) {
    logNo = logNo + ",";
  }
}


console.log(logNo);

<tbody id="brRecord">
</tbody>

Я ожидаю, что все значения моего массива будут отображаться во входном множественном флажке в консоли