Jquery Lorsque la case à cocher 1 est cochée cocher la case 2

Question

J'ai une case à cocher active et une case à cocher en surbrillance.

Je voudrais la case à cocher active pour vérifier automatiquement la case en surbrillance lorsque est cochée active. Je suis contre la clôture sur si explorer prop() ou faire une liaison laide qui ajoute un attribut. Je cherche en fin de compte la recommandation la plus sèche et, bien sûr, les extraits de code sont plus que bienvenus !!!

Un peu ennuyeux parce que chaque case à cocher (bien que juste à côté de eachother dans une table sont leur propre forme, qui est soumise avec ajax sur le changement.

<td> 
    <% form_for(:catalog_item, catalog_item.item, :url => set_admin_catalog_item_path(catalog_item), :html => {:class => 'ajax'}) do |f| %> 
    <%= f.check_box :active %> 
    <% end %> 
</td> 
<td> 
    <% form_for(:catalog_item, catalog_item, :url => set_admin_catalog_item_path(catalog_item), :html => {:class => 'ajax'}) do |f| %> 
    <%= f.check_box :highlight %> 
    <% end %> 
</td> 

Answer 1

Cocher cette FIDDLE

$(function() { 
    $('.active').on('click', function(){ 
     $(this).next().attr('checked' , $(this).is(':checked')); 
    }); 

});​ 

Peut également utiliser

$(this).next().prop('checked' , $(this).is(':checked')); 

Answer 2

jsFiddle

Vu HTML comme:

HTML

<div id="ActHigh"> 
    <table> 
     <thead> 
      <tr> 
       <th> 
        <p> 
         Active 
        </p> 
       </th> 
       <th> 
        <p> 
         Highlight 
        </p> 
       </th> 
      </tr> 
     </thead> 
     <tbody> 
      <tr> 
       <td> 
        <input type="checkbox" name="act01" class="chk-active" /> 
       </td> 
       <td> 
        <input type="checkbox" name="hig01" class="chk-highlight" /> 
       </td> 
      </tr> 
      <tr> 
       <td> 
        <input type="checkbox" name="act02" class="chk-active" /> 
       </td> 
       <td> 
        <input type="checkbox" name="hig02" class="chk-highlight" /> 
       </td> 
      </tr> 
      <tr> 
       <td> 
        <input type="checkbox" name="act03" class="chk-active" /> 
       </td> 
       <td> 
        <input type="checkbox" name="hig03" class="chk-highlight" /> 
       </td> 
      </tr> 
     </tbody> 
    </table> 
</div> 

Vous pouvez utiliser jQuery comme:

SCRIPT