How to limit the number of selected checkboxes?

by

Using change event you can do something like this:

var limit = 3;
$('input.single-checkbox').on('change', function(evt) {
   if($(this).siblings(':checked').length >= limit) {
       this.checked = false;
   }
});

See this working demo

More Related Contents:

  1. Get checkbox value in jQuery
  2. calculate the number of html checkbox checked using jquery
  3. Replace 0 in form field with empty by jQuery
  4. Resetting a multi-stage form with jQuery
  5. How to retrieve checkboxes values in jQuery
  6. jQuery .val() vs .attr(“value”)
  7. val() vs. text() for textarea
  8. jQuery if checkbox is checked
  9. JavaScript: how to change form action attribute value based on selection?
  10. Get a list of checked checkboxes in a div using jQuery
  11. Submit form with Enter key without submit button? [duplicate]
  12. Prevent redirect after form is submitted
  13. How to change an element’s title attribute using jQuery
  14. Using jquery to get all checked checkboxes with a certain class name
  15. jQuery selector for the label of a checkbox
  16. Jquery toggle event is messing with checkbox value
  17. Limit Checkbox amount
  18. How to reset radiobuttons in jQuery so that none is checked
  19. jQuery, checkboxes and .is(“:checked”)
  20. How to handle change of checkbox using jQuery?
  21. Disable scrolling when changing focus form elements ipad web app
  22. jQuery: make checkboxes act like radio buttons?
  23. HTML5 validation before ajax submit
  24. MS MVC form AJAXifying techniques [closed]
  25. Find all unchecked checkboxes in jQuery
  26. jQuery html attribute not working in IE
  27. if checkbox checked add class to parent element
  28. submitting multiple forms with AJAX
  29. jQuery detect click on disabled submit button
  30. How do I select the parent form based on which submit button is clicked?

Leave a Comment