Question

I want to do something like this: Limit Checkbox amount

But with a little change. I want checkboxes to also have to be consecutive.

Little example:

If I have 10 checkboxes, and my limit is 3, then the user can check only first, second and third; or third, fourth, fifth. Not first, third, fourth.

Answer 1

Edit: Revised code for consecutive check boxes.

$(function () {
    var mLimit = 3;
    $(':checkbox', 'div').click(function (e) {
        var c = 0;

        $(this)
            .parent()
            .find(':checkbox').each(function (i, el) {
                if (el.checked) c++;
                else c = 0;

                if (c > mLimit) e.preventDefault();
            });        
    });
});

DEMO: http://jsfiddle.net/sa2Lg/2/

---

For HTML like below,

<div>
  <input type="checkbox" />
  <input type="checkbox" />
  <input type="checkbox" />
  <input type="checkbox" />
  <input type="checkbox" />
  <input type="checkbox" />
  <input type="checkbox" />
  <input type="checkbox" />
  <input type="checkbox" />
</div>

You can limit using below script,

$(function () {
    $(':checkbox', 'div').click(function (e) {
        if ($(this).parent().find(':checked').length > 3) {
            e.preventDefault();
        }
    });
});

DEMO: http://jsfiddle.net/sa2Lg/