Select and deselect all checkboxes

var thisEl      = $(e.target),
thisVal     = thisEl.val(),
_class      = thisEl.closest('ul').attr('class'),
selChckbox  = $('ul.'+ _class +' input[type="checkbox"]'),
valLiLen    = $('ul.'+ _class +' li').length - 1,
checkbox    = $('ul.'+ _class +' input[type="checkbox"]');

if (thisVal === 'all') {
if (thisEl.is(':checked') === true) { checkbox.prop('checked', true); }
else { checkbox.prop('checked', false); }
} else {
if (thisEl.is(':checked') !== true) {
$('ul.'+ _class +' li:nth-child(1) input[value="all"]').prop('checked', false);
} else {
if ($('ul.'+ _class +' input[type="checkbox"]:checked').length === valLiLen) {
$('ul.'+ _class +' input[type="checkbox"]').prop('checked', true);
}
}
}

Javascript capture tab

ex:

 

.keydown(function(e){
   var keyCode 	= e.keyCode || e.which;

   /* --keyCode 9 == tab */
   if (keyCode === 9) {
      if ($(this).val() === '') {
         console.log('resquired');
      } else {
         $(this).css({
            'border':'1px solid #cccccc',
            '-webkit-box-shadow': 'none'
         });
      }
   }
});