Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Untitled

By: a guest on May 16th, 2012  |  syntax: None  |  size: 3.76 KB  |  hits: 12  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. jquery check checkboxes within an element only
  2. <div class='audience-group'>
  3.     <input type='checkbox' class='audience-group-checkbox' value='9' />
  4.     <div class='audience-group-name'>
  5.         JGG Enterprises
  6.     </div>
  7.     <div class='audience'>
  8.         <input type='checkbox' class='audience-checkbox' value='7' />
  9.         <div class='audience-name'>
  10.             Mucho, George
  11.         </div>
  12.     </div>
  13.     <div class='audience'>
  14.         <input type='checkbox' class='audience-checkbox' value='9' />
  15.         <div class='audience-name'>
  16.             Bo, Jen
  17.         </div>
  18.     </div>
  19.     <div class='audience'>
  20.         <input type='checkbox' class='audience-checkbox' value='10' />
  21.         <div class='audience-name'>
  22.             Gin, Junto
  23.         </div>
  24.     </div>
  25.     <div class='audience'>
  26.         <input type='checkbox' class='audience-checkbox' value='12' />
  27.         <div class='audience-name'>
  28.             Molina, Greg
  29.         </div>
  30.     </div>
  31.     <div class='audience'>
  32.         <input type='checkbox' class='audience-checkbox' value='36' />
  33.         <div class='audience-name'>
  34.             Berkely, Dada
  35.         </div>
  36.     </div>
  37. </div>
  38. </div>
  39. <div>
  40.     <div class='audience-group'>
  41.         <input type='checkbox' class='audience-group-checkbox' value='8' />
  42.         <div class='audience-group-name'>
  43.             GBA Inc.
  44.         </div>
  45.         <div class='audience'>
  46.             <input type='checkbox' class='audience-checkbox' value='1' />
  47.             <div class='audience-name'>
  48.                 Kapate, Jones
  49.             </div>
  50.         </div>
  51.         <div class='audience'>
  52.             <input type='checkbox' class='audience-checkbox' value='2' />
  53.             <div class='audience-name'>
  54.                 Bingo, Gringo
  55.             </div>
  56.         </div>
  57.         <div class='audience'>
  58.             <input type='checkbox' class='audience-checkbox' value='4' />
  59.             <div class='audience-name'>
  60.                 Doe, John
  61.             </div>
  62.         </div>
  63.         <div class='audience'>
  64.             <input type='checkbox' class='audience-checkbox' value='8' />
  65.             <div class='audience-name'>
  66.                 Merio, Horhe
  67.             </div>
  68.         </div>
  69.         <div class='audience'>
  70.             <input type='checkbox' class='audience-checkbox' value='35' />
  71.             <div class='audience-name'>
  72.                 Dalisay, JM
  73.             </div>
  74.         </div>
  75.     </div>
  76. </div>
  77.        
  78. $('.audience-group-name').click(function() {
  79.     if ($(this).nextUntil('.audience-group').length) {
  80.         $(this).nextUntil('.audience-group').toggle();
  81.     } else {
  82.         alert('No audience under this group.');
  83.     }
  84. });
  85.  
  86. $('.audience-group-checkbox').each(function() {
  87.     $(this).click(function() {
  88.         $('.audience-checkbox').attr('checked', $(this).is(':checked'));
  89.     });
  90. });
  91.        
  92. $('.audience-group-checkbox').click(function() {
  93.     $(this).closest(".audience-group").find(".audience-checkbox").prop("checked", this.checked);
  94. });
  95.        
  96. $('.audience-group-checkbox').each(function() {
  97.     $(this).click(function() {
  98.         $('.audience-checkbox').attr('checked', $(this).is(':checked'));
  99.     });
  100. });
  101.        
  102. $('.audience-group-checkbox').each(function() {
  103.     $(this).click(function() {
  104.         $(this).attr('checked', $(this).is(':checked'));
  105.     });
  106. });
  107.        
  108. $('.audience-group-checkbox').click(function() {
  109.     $(this).find('.audience-checkbox').prop('checked', $(this).is(':checked'));
  110. })
  111.        
  112. //add event handler to all '.audience-group-checkbox' elements
  113. $('.audience-group-checkbox').click(function() {
  114.  
  115.     //cache this element
  116.     var $this = $(this);
  117.  
  118.     //select the parent of this object and then find all the '.audience-checkbox' elements under it
  119.     $this.parent().find('.audience-checkbox').prop('checked', $this.is(':checked'));
  120. });
  121.        
  122. $('.audience-checkbox').click(function(){
  123.    $(this).attr('checked', true);
  124. })
create a new version of this paste RAW Paste Data