• 28-04-2015, 15:16:21
    #1
    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 -->
  • 30-04-2015, 23:08:04
    #2
    arkadaşlar yok mu yardımcı olacak birisi?
  • 01-05-2015, 11:52:12
    #3
    İlk olarak tümünü seçmesi için kullandığınız checkbox'lara class atayın, çünkü ID'ler eşsiz olduğundan; jQuery sadece ilk bulduğu obje'yi yakalıyor. Böyle oluncada sadece ilk checkbox'a tıklandığında çalışıyor metodunuz.

    checkbox'ları şu şekilde güncelleyin
    <input type="checkbox" value="all" class="chk-all" />
    jquery kısmıda şu şekilde olmalı
    $(function () {
      $('.chk-all').click(function(){
        var checked = this.checked;
        $(this).closest('table').find('.chk-row').each(function(){
          $(this).prop('checked', checked);
        });
      });
    });
    örnek
  • 01-05-2015, 14:27:53
    #4
    jebias adlı üyeden alıntı: mesajı görüntüle
    İlk olarak tümünü seçmesi için kullandığınız checkbox'lara class atayın, çünkü ID'ler eşsiz olduğundan; jQuery sadece ilk bulduğu obje'yi yakalıyor. Böyle oluncada sadece ilk checkbox'a tıklandığında çalışıyor metodunuz.

    checkbox'ları şu şekilde güncelleyin
    <input type="checkbox" value="all" class="chk-all" />
    jquery kısmıda şu şekilde olmalı
    $(function () {
      $('.chk-all').click(function(){
        var checked = this.checked;
        $(this).closest('table').find('.chk-row').each(function(){
          $(this).prop('checked', checked);
        });
      });
    });
    örnek
    teşekkür ederim ben div id ile deniyordum class ile oldu teşekkürler.