Question

I’ve been reading about the Jquery UI selectable plugin, my question is:

Can I limit it to select only up to 4 items in a list ? Or maybe it would be easier to code it without using the selectable plugin ?

Thanks!

EDIT: Thanks for your answers, however I see that I didn’t explain it very well: The user can select (ctrl + click) more than one item in a list by using the Jquery UI selectable plugin. What I want is to limit it so the users can only select up to 4 items (any of them).

Answer 1

JSFIDDLE DEMO

Look at the demo!
And here is how to achieve it:

$('ul.list li').click(function() {
    $(this).toggleClass('selected');

    if ($('.selected').length > 4) {
        $(this).toggleClass('selected');
        alert('You have already selected 4 items!\nYou can undo a selection.');
    }
});

P.S.

• Doing so you can toggle the already selected
  elements to select a NEW one!
• The
  \n inside the code is just
  for a New line inside the alert box 😉
  😉