аюсь установить / снять все флажки, используя jquery. Теперь, установив / сняв флажок родительского флажка, все дочерние флажки выбираются / отменяются, а текст родительского флажка меняется на checkall / uncheckall.

Теперь я хочу заменить родительский флажок кнопкой ввода и изменить текст также на кнопке, чтобы отметить / снять флажок. Это код, может кто-нибудь, пожалуйста, настроить код ....

    $( 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