Aknosis.com

Fun with jQuery – Checkboxes!!!

Another day with jQuery, this time we are talking about checkboxes. Just like I stated in my previous post about select boxes, jQuery and checkbox integration, if you will, isn't cut and dry but damn near close. So how can jQuery assist with checkboxes? Lots of ways, here are a few examples to keep you entertained. Try and manually select a checkbox and it will still toggle them correctly (turn them off it they are on and vice versa). [inline] [/inline]

jQuery selector for checkboxes

Just like any input you can choose your checkbox(es) with any standard selector.

• By Class

  //Selector
  $('.cb_class')
  

  <!-- Input Html -->
  <input type="checkbox" class="cb_class" />
  

• By Id

  //Selector
  $('#cb')
  

  <!-- Input Html -->
  <input type="checkbox" id="cb" />
  

• By tag and attribute

  //Selector
   $('input[type=checkbox]')
  //Note: This would select all checkboxes
  //(same code in the Toggle Checks button above)
  

  <!-- Input Html -->
  <input type="checkbox" />
  

• By tag and attribute

  //Selector
  $('input[name=checkBoxname]')
  

  <!-- Input Html -->
  <input type="checkbox" name="checkBoxname" />
  

› Continue reading

Tags: forms, JavaScript, jquery