Как получить значение данных строки или id из таблицы данных на флажке и добавить в список трансляции select в шаблоне django python?

Как получить значение данных строки при выборе флажка и добавить в список по событию нажатия кнопки? Мы пытаемся получить значения при выборе в чекбоксе и добавить в список, но не знаем, как интегрировать переменную django в javascript? Я новичок в python и djnago, поэтому мне нужна помощь

код javascript:

function showDiv() {
        var form = document.getElementById("myform");
        form.submit();
      }
      function selectAll(){  
            var ele=document.getElementsByName('seluserid');  
            for(var i=0; i<ele.length; i++){  
                if(ele[i].type=='checkbox')  
                    ele[i].checked=true;  
            }  
        }  
        function deSelectAll(){  
            var ele=document.getElementsByName('seluserid');  
            for(var i=0; i<ele.length; i++){  
                if(ele[i].type=='checkbox')  
                    ele[i].checked=false;  
                    $(".btnbrdcstlist").hide();
            }  
        }   
      
    function getvalues() {
     
      var val = [];
      $(':checkbox:checked').each(function (i) {
        // alert("In each function");
        val[i] = $(this).val();
        console.log(val[i]);
      });
    }
      
      function Showbrdcstbtnv() {
        if ($('.cstm').is(":checked"))
          $(".btnbrdcstlist").show();
        else
          $(".btnbrdcstlist").hide();
      }

      function showDiv() {
        var form = document.getElementById("myform");
        form.submit();
      }

       

Html код:

    <button class="btn btn-primary" type="button" id="selectall" onclick="selectAll(),Showbrdcstbtnv(this)">Select All</button>
    <button class="btn btn-primary" type="button" id="deselectall" onclick="deSelectAll()">Deselect All</button>
    <!-- Checkbox select Datatable start for opt-1 -->
    <div class="row justify-content-end btnbrdcstlist " id="btnbrdcstlist" style="display:none">
      <a href="{% url 'adduser' bid=adduser.id %}" class="btn btn-primary" style="margin-bottom: 15px;">Add To Broadcastlist</a>
    </div>

Данный код :

          <table class="table nowrap checkbox-datatable" id="usertbl">
            <thead>
              <tr>
                <th>
                  <!-- <div class="dt-checkbox">
                    <input type="checkbox" name="select_all" value="1" id="example-select-all" class="cstm"
                      onclick="Showbrdcstbtnv(this)" />
                    <span class="dt-checkbox-label"> </span>
                  </div> -->
                </th>
                <th>Department Name</th>
                <th>Name</th>
                <th>SMS No.</th>
                <th>WhatsApp No.</th>
                <th>Email</th>
                <th>Country</th>
                <th>City</th>
                <th>Zip Code</th>
              </tr>
            </thead>
            <tbody>
              {% for dd in departmentData %}
              <tr>
                <td>
                  <input type="checkbox" class="cstm" id="seluserid" name="seluserid" value={{dd.id}} onclick="Showbrdcstbtnv(this)"/>
                </td>
                <td>{{dd.dept_nm}}</td>
                <td>{{dd.f_name}} {{dd.l_name}}</td>
                <td>{{dd.sms_no}}</td>
                <td>{{dd.whtsp_no}}</td>
                <td>{{dd.e_mail}}</td>
                <td>{{dd.country}}</td>
                <td>{{dd.city}}</td>
                <td>{{dd.zip}}</td>
              </tr>
              {% endfor %}
            </tbody>
          </table>
      

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