title: How do I check/uncheck all checkboxes with a button using jQuery?
body: <p>I am trying to check/uncheck all checkboxes using jQuery. Now by checking/unchecking the parent checkbox all the child checkboxes are getting selected/deselected also with the text of parent checkbox getting changed to checkall/uncheckall. </p>
  
  <p>Now I want to replace parent checkbox with an input button, and change the text also on the button to checkall/uncheckall. THere is the code, can anyone please tweak the code ?</p>
  
  <pre><code>    $( 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' );
  
          });
      });
  
  
     &lt;input type="checkbox" class="checkAll" /&gt; &lt;b&gt;Check All&lt;/b&gt;
  
     &lt;input type="checkbox" class="cb-element" /&gt; Checkbox  1
     &lt;input type="checkbox" class="cb-element" /&gt; Checkbox  2
     &lt;input type="checkbox" class="cb-element" /&gt; Checkbox  3
  </code></pre>