Pastable version of JQuery - snippet to select all in one of two columns

<pre class='prettyprint' language='javascript'>&lt;script type=&quot;text/javascript&quot;&gt;
  $(document).ready(function() {
    
    // select all radio buttons in the &quot;new&quot; column (.new class)
    $('#select_all_new').click(function(){
      var checked_status = this.checked;
      $(&quot;input[class=new]&quot;).each(function(){
        this.checked = checked_status;
      });
    });

// select all radio buttons in the &quot;old&quot; column (.old class)
    $('#select_all_old').click(function(){
      var checked_status = this.checked;
      $(&quot;input[class=old]&quot;).each(function(){
        this.checked = checked_status;
      });
    });

// when an item's radio button is clicked, uncheck both &quot;select all&quot; radio buttons    
    $('input[type=radio]:not([name=select_all])').click(function(){
      $('input:radio[name=select_all]').attr('checked', false);
    });
  });
&lt;/script&gt;

&lt;table&gt;
  &lt;tr&gt;
    &lt;td&gt;Browser:&lt;/td&gt;
    &lt;td&gt;&lt;input class='new' name='Browser' type='radio' value='new' checked=&quot;checked&quot; /&gt; Firefox&lt;/td&gt;
    &lt;td&gt;&lt;input class='old' name='Browser' type='radio' value='old'  /&gt; Opera&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td&gt;Connection Type:&lt;/td&gt;
    &lt;td&gt;&lt;input class='new' name='Connection' type='radio' value='new' checked=&quot;checked&quot; /&gt; DSL&lt;/td&gt;
    &lt;td&gt;&lt;input class='old' name='Connection' type='radio' value='old'  /&gt; OC-3&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td&gt;Education:&lt;/td&gt;
    &lt;td&gt;&lt;input class='new' name='Education' type='radio' value='new' checked=&quot;checked&quot; /&gt; High School&lt;/td&gt;
    &lt;td&gt;&lt;input class='old' name='Education' type='radio' value='old'  /&gt; University&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td&gt;Ethnicity:&lt;/td&gt;
    &lt;td&gt;&lt;input class='new' name='Ethnic' type='radio' value='new' checked=&quot;checked&quot; /&gt; Caucasian&lt;/td&gt;
    &lt;td&gt;&lt;input class='old' name='Ethnic' type='radio' value='old'  /&gt; Hispanic&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td&gt;&lt;/td&gt;
    &lt;td&gt;&lt;input id='select_all_new' name='select_all' value='all_new' type=&quot;radio&quot; /&gt;Select All&lt;/td&gt;
    &lt;td&gt;&lt;input id='select_all_old' name='select_all' value='all_old' type=&quot;radio&quot; /&gt;Select All&lt;/td&gt;
  &lt;/tr&gt;
&lt;/table&gt;</pre>
<a href="http://www.refactormycode.com/codes/1380-jquery-snippet-to-select-all-in-one-of-two-columns" style="color:#fff" title="As seen on RefactorMyCode.com"><img alt="Small_logo" src="http://www.refactormycode.com/images/small_logo.gif" style="border:0" /></a>

Refactor :my => 'code'

Recent

Popular

Pastable version of JQuery - snippet to select all in one of two columns