JQuery Datatableページングチェックボックス

Question

私はチェックボックスとページネーションを持つhtmlテーブルを持っています。私の問題は、現在のページからオブジェクトを選択することしかできません。

<form action="{% url 'tag:selected' %}" method="get"> 
    <table id="dt" class="table table-bordered table-hover responsive" style="text-align:center;"> 
    <thead> 
     <tr> 
     <th><input type="checkbox" onClick="toggle(this)"></th> 
       <th></th> 
     <td>Name</td> 
      <td>Frequency</td> 
     <td>Environment</td> 
      <td>Peak Temperature</td> 
      <td>Mounting Method</td> 
      <td>Standards</td> 
      <td>Memory</td> 
     </tr> 
    </thead> 
    <tbody> 
    {% for tags in all_tags %} 

     <tr> 
     <td><input type="checkbox" name="selected" value="{{ tags.id}}"></td> 
      <td><a href="{% url 'tag:detail' tags.id %}"> <img src="{{ tags.tag_image.url }}" style="display:block; 
width: 80px; height:80px; margin:auto;"></a></td> 
     <td>{{ tags.tag_name }}</td> 
     <td>{{ tags.tag_frequency}}</td> 
     <td>{{ tags.tag_environment }}</td> 
      <td>{{ tags.tag_peak_temperature }}</td> 
      <td>{{ tags.tag_mounting_method }}</td> 
      <td>{{ tags.tag_standards }}</td> 
      <td>{{ tags.tag_memory }}</td> 
     </tr> 

    {% endfor %} 
    </tbody> 
    </table><input class="btn btn-primary" style="float:right; margin-right:5%; margin-bottom:2%; margin-top:-3%; "type="submit" value="Submit"> 
         </form> 

、ここでチェックボックスのための私のjavascriptのコードです：

<script language="JavaScript"> 
function toggle(source) { 
    checkboxes = document.getElementsByName('selected'); 
    for(var i=0, n=checkboxes.length;i<n;i++) { 
    checkboxes[i].checked = source.checked; 
    } 
} 
</script> 

Answer 1

ここ https://www.gyrocode.com/articles/jquery-datatables-how-to-add-a-checkbox-column/