What is the best pattern for having a select all or deselect all checkboxes. Can someone come up with a better way to have it in this form:
Share
Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
What is the best pattern for having a select all or deselect all checkboxes. Can someone come up with a better way to have it in this form:
I’ll be honest, I’ve never liked the idea of using a checkbox for the ‘select all’ option, even though you see it a lot. It’s not a single item to be picked, it’s an action. And if you select all and then start unselecting individual items in the list, the ‘checked’ state of the select all checkbox becomes inherently confusing. I prefer to use a simple but obvious link/button that toggles between ‘select all’ and ‘unselect all’ as it is clicked. There is no state to confuse you with when individual items have been deselected, and the outcome of pushing the button is never in doubt. The exclusive nature of the operation makes it perfectly reasonable to toggle back and forth (rather than using two always visible buttons; one for select all, one for unselect all), since you are at most two clicks away from your desired behavior. And it visually separates out this ‘action’ from the individual items, preventing misclicks and distinguishing behavior.