Jquery Datatable pagination checkbox

Question

I have a html table with checkboxes and pagination and my problem is that i can only select objects from current page.. could anyone help me?

<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>

and here is my javascript code for checkboxes:

<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

因此，您需要为jquery数据表中的功能所在的行提供复选框，如此处https://www.gyrocode.com/articles/jquery-datatables-how-to-add-a-checkbox-column/所述