2017-05-18 61 views
0

我有一個帶有複選框和分頁的html表格,我的問題是我只能從當前頁面選擇對象..任何人都可以幫助我嗎?Jquery Datatable分頁複選框

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

你用什麼做分頁處理? –

+0

即時通訊使用這一個:https://datatables.net/examples/styling/bootstrap.html – Demina

+0

使用'var allSelectedRows = oTable。$(「input:checked」,{「page」:「all」});' – mmushtaq

回答