Aşağıdaki gibi bootstrap taki tab eklentisini kullanıyorum checkboxları hepsini tablerde de seçmem gerekiyor. bunu için şöyle bir kod kullanıyorum ama.
$(function () {
$('#chk-all').click(function(){
if($(this).is(':checked')){
$('#responsiveTable').find('.chk-row').each(function(){
$(this).prop('checked', true);
$(this).parent().parent().parent().addClass('selected');
});
}
else{
$('#responsiveTable').find('.chk-row').each(function(){
$(this).prop('checked' , false);
$(this).parent().parent().parent().removeClass('selected');
});
}
});
});Ancak sadece ilk tab de check all a basınca çalısıyor diger sekmelerde check-all yapmıyor
<div class="tab-content">
<div class="tab-pane fade " id="27_4_2015">
<table class="table table-striped" id="responsiveTable">
<thead>
<tr>
<th>
<label class="label-checkbox">
<input type="checkbox" value="all" id="chk-all" />
<span class="custom-checkbox"></span>
</label>
</th>
<th>Dizi Adı</th>
<th>Bölüm</th>
<th>Bölüm Adı</th>
<th>Eylem</th>
<th>Sonuç</th>
</tr>
</thead>
<tbody>
<tr id="9692">
<td class="chChildren">
<label class="label-checkbox">
<input type="checkbox" value="9692" class="chk-row" />
<span class="custom-checkbox"></span>
</label>
</td>
</tr>
</tbody>
</table>
</div>
<div class="tab-pane fade in active" id="28_4_2015">
<table class="table table-striped" id="responsiveTable">
<thead>
<tr>
<th>
<label class="label-checkbox">
<input type="checkbox" value="all" id="chk-all" />
<span class="custom-checkbox"></span>
</label>
</th>
<th>Dizi Adı</th>
<th>Bölüm</th>
<th>Bölüm Adı</th>
<th>Eylem</th>
<th>Sonuç</th>
</tr>
</thead>
<tbody>
<tr id="9718">
<td class="chChildren">
<label class="label-checkbox">
<input type="checkbox" value="9718" class="chk-row" />
<span class="custom-checkbox"></span>
</label>
</td>
</tr>
</tbody>
</table>
</div>
</div><!-- /tab-content -->