Comments on: Checkbox Range Selection Update

By: Nirmalya

Nirmalya — Thu, 03 May 2012 11:33:15 +0000

Can someone make this in flex?? I mean, select checkbox range within a form. please help… thanks in advance

By: Dan

Dan — Mon, 21 Mar 2011 22:24:31 +0000

Yeah, I'll go with that; I suppose I used click because that's the event I bound to in my existing code, but change is more appropriate to what we are actually doing.

I did notice a reduction of performance with this method (curiously this was very significant with Firebug enabled, FF3.5). This is mostly down to the time taken firing all those events rather than the filter operations as far as I can tell.

By: barneyb

barneyb — Mon, 21 Mar 2011 19:15:03 +0000

Dan, Good catch. I'm somewhat hesitant to trigger 'click' like that, but your intent is sound. It seems like a better solution would be to filter (as you've done), set the checked state, and then trigger 'changed', since there isn't actually a click happening (though there obviously is a change happening). In code, replace ".click()" with ".attr({checked: e.target.checked ? 'checked' : ''}).change()". Thoughts?

By: Dan

Dan — Mon, 21 Mar 2011 19:01:05 +0000

Thanks for this, just to add though (And this is less efficient), my checkboxes have event handlers on them, so I have replaced the .attr calls with a filter and click functions. Works for me :)

(function($) {
  $.fn.enableCheckboxRangeSelection = function() {
    var lastCheckbox = null;
    var $spec = this;
    $spec.bind("click", function(e) {

      if (lastCheckbox != null && e.shiftKey) {
        $spec.slice(
          Math.min($spec.index(lastCheckbox), $spec.index(e.target)),
          Math.max($spec.index(lastCheckbox), $spec.index(e.target)) + 1
        ).filter(e.target.checked ? ":not(:checked)" : ":checked").click();
      }
    });
    return $spec;
  };
})(jQuery);

By: Richie

Richie — Thu, 17 Sep 2009 21:42:36 +0000

Cheers mate. Very useful. Would never have thought to use splice.

By: Michael Heilemann

Michael Heilemann — Sun, 24 Aug 2008 12:05:55 +0000

Awesome, thank you.

By: barneyb

barneyb — Sun, 24 Aug 2008 12:04:00 +0000

Michael,

Of course, have at it.

By: Michael Heilemann

Michael Heilemann — Sat, 23 Aug 2008 21:45:44 +0000

I'm looking for just this block of code for use in Habari--short and sweet. Any chance you'll let me? :)