SORU
8 Mart 2011, Salı


jquery kontrol düğmesi Tüm onay kutularını işaretini kaldırın

Tüm onay kutularını jquery kullanarak işaretlemek/işaretini kaldırmak için çalışıyorum. Kontrol/üst onay kutusunu işaretini kaldırarak şimdi onay kutularını seçili/alma tüm alt üst onay kutusunu metin/uncheckall checkall değiştirildi alma ile işaretli.

Şimdi giriş düğmesi ile üst onay kutusunu değiştirin ve aynı zamanda/uncheckall checkall için düğme metni değiştirmek istiyorum. Bu kod, kimse tweak kodu lütfen....

    $( function() {
        $( '.checkAll' ).live( 'change', function() {
            $( '.cb-element' ).attr( 'checked', $( this ).is( ':checked' ) ? 'checked' : '' );
            $( this ).next().text( $( this ).is( ':checked' ) ? 'Uncheck All' : 'Check All' );
        });
        $( '.cb-element' ).live( 'change', function() {
            $( '.cb-element' ).length == $( '.cb-element:checked' ).length ? $( '.checkAll' ).attr( 'checked', 'checked' ).next().text( 'Uncheck All' ) : $( '.checkAll' ).attr( 'checked', '' ).next().text( 'Check All' );

        });
    });


   <input type="checkbox" class="checkAll" /> <b>Check All</b>

   <input type="checkbox" class="cb-element" /> Checkbox  1
   <input type="checkbox" class="cb-element" /> Checkbox  2
   <input type="checkbox" class="cb-element" /> Checkbox  3

CEVAP
8 Mart 2011, Salı


Şunu deneyin :

$(document).ready(function(){
    $('.check:button').toggle(function(){
        $('input:checkbox').attr('checked','checked');
        $(this).val('uncheck all');
    },function(){
        $('input:checkbox').removeAttr('checked');
        $(this).val('check all');        
    })
})

DEMO

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • ImBluecams

    ImBluecams

    25 Kasım 2012
  • Lin Steven

    Lin Steven

    17 EKİM 2006
  • Official Clouds

    Official Clo

    1 HAZİRAN 2011