Фильтры таблицы данных django с помощью filter-checkbox

КАК Я МОГУ ПРЕОБРАЗОВАТЬ ЭТОТ ДИНАМИЧЕСКИЙ ФИЛЬТР JAVASCRIPT В ФИЛЬТР ФЛАЖКОВ JS И ДАННЫЕ, КОТОРЫЕ ВЫСТАВЛЯЮТСЯ В ЦИКЛЕ FOR, ПОСТУПАЮТ НЕПОСРЕДСТВЕННО ИЗ SQL СОЕДИНЕНИЯ. ПОЖАЛУЙСТА, ПОМОГИТЕ

"""

function myFunction() {
          var input, filter, table, tr, td, i, txtValue;
          input = document.getElementById("myInput");
          filter = input.value.toUpperCase();
          table = document.getElementById("myTable");
          tr = table.getElementsByTagName("tr");
          for (i = 0; i < tr.length; i++) {
            td = tr[i].getElementsByTagName("td")[1];
            if (td) {
              txtValue = td.textContent || td.innerText;
              if (txtValue.toUpperCase().indexOf(filter) > -1) {
                tr[i].style.display = "";
              } else {
                tr[i].style.display = "none";
              }
            }       
          }
        }
        </script>

"""

"""

<div class="sub-filter filter-hide" aria-labelledby="static-filter-company" data-toggle="checkboxgroup">
                      <ul role="listbox">
                        <li role="option">
                          <div class="filter-item pad-responsive-lr">
                            <div class="checkbox">
                              <input id="static-check-company" type="checkbox" data-indeterminate checked/>
                              <label for="static-check-company">Select All</label>
                            </div>
                          </div>
                          <ul class="filter-checklist">
                            {% for i in res %}
                            <li class="pad-responsive-lr filter-item" role="option">
                              <div class="checkbox">
                                
                                <input class ="filter-checkbox" data-filter="cols"   id="static-check-mendez" type="checkbox" value="{{i.0}}"/>
                                
                                <label for="static-check-mendez">ID</label>
                              </div>
                            </li>
                        {% endfor %}
                      </ul>
                    </div>

"""

КАК Я МОГУ ПРЕОБРАЗОВАТЬ ЭТОТ ДИНАМИЧЕСКИЙ ФИЛЬТР JAVASCRIPT В ФИЛЬТР ФЛАЖКОВ JS И ДАННЫЕ, КОТОРЫЕ ВЫСТАВЛЯЮТСЯ В ЦИКЛЕ FOR, ПОСТУПАЮТ НЕПОСРЕДСТВЕННО ИЗ SQL СОЕДИНЕНИЯ. ПОЖАЛУЙСТА, ПОМОГИТЕ

Вернуться на верх