Question

I am using a jQuery script and the main part is below. It allows me to select up to 4 items. Until there are 5 selections made, there is an error message.

How can I change this so that the error message appears if the choices are less than 2 and more than 5, and the success message is shown when the choices are between them?

if ($(this).multiselect("widget").find("input:checked").length > 5) {
    warning.addClass("error").removeClass("success").html("You can only check two checkboxes!");
    return false;
} else {
    warning.addClass("success").removeClass("error").html("Check a few boxes.");
}

Answer 1

You can get the number of checked items in to a local variable and then use a compound if statement that does multiple comparisons on it:

var checkedItemsLength = $(this).multiselect("widget").find("input:checked").length;
if(checkItemsLength < 2 || checkItemsLength > 5 ) {
    warning.addClass("error").removeClass("success").html("You can only check two checkboxes!");
    return false;
} else {
    warning.addClass("success").removeClass("error").html("Check a few boxes.");
}