Как установить/снять все флажки с помощью кнопки с помощью jQuery? ⇐ Jquery

[Anonymous]

Я пытаюсь установить/снять все флажки с помощью 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' );

});
});

Check All

Checkbox 1
Checkbox 2
Checkbox 3


Подробнее здесь: https://stackoverflow.com/questions/522 ... ing-jquery