1
JQueryデータ型を使用しています。チェックボックスをすべて選択すると、「すべて選択」チェックボックスをオンにすると、そのページのすべてのチェックボックスが選択されます。すべてのチェックボックスを選択すると、次のページのJQueryデータ型では機能しません
私は、次のコードを使用しています：
<table id="myTable" cellspacing="0" width="100%">
<thead>
<tr>
<th> Name</th>
<th> Type</th>
<th> Details</th>
<th>Select <input type="checkbox" name="select_all" value="1" id="select-all"></th>
</tr>
</thead>
<tbody>
<?php foreach ($test as $data) { ?>
<tr>
<td><?php echo $data->name; ?></td>
<td><?php echo $data->type; ?></td>
<td><a href="/details">view details</a></td>
<td><input type="checkbox" name="manuf[]" class="sub_chk" data-id="<?php echo $data->id; ?>"></td>
</tr>
<?php } ?>
</tbody>
</table>
<script>
$(document).ready(function(){
$('#myTable').DataTable();
});
$('#select-all').on('click', function(e) {
if($(this).is(':checked',true))
{
$(".sub_chk").prop('checked', true);
}
else
{
$(".sub_chk").prop('checked',false);
}
});
</script>
上記のコードは、データテーブルの最初のページのために動作しますが、私は2番目のページを選択して、私が選択した場合、チェックボックス「すべて選択」場合、それが私を取ります2番目のページのチェックボックスを選択する代わりに、最初のページを表示します。
解決方法はありますか？
ええ、あなたは、私のミスですね。私はコンテンツがページの読み込み中にダンプされていることを認識していませんでした。私はAJAXから来ていると思っていました。 –
@Zakaria Acharki動作しません。もう一度説明しましょう。すべてのデータとチェックボックス付きの列を持つjQueryがあります。ヘッダーには、そのページのすべてのチェックボックスを選択するための別のチェックボックスがあります。私が最初のページにいる場合は、[すべてを選択]をクリックしてください。すべての行がチェックされます。それは正しいですが、データテーブルの次のページに行くと、すべてのチェックボックスが選択されたままになります。私が選択を解除すると、2番目のページのチェックボックスを選択するのではなく、データテーブルの最初のページに移動します。 – san
問題はソートから来ていると思います。 -all'チェックボックス、http://jsfiddle.net/UvjnT/1475/ –