How can I make a group of checkboxes mutually exclusive?

Question

I have to make mutually exculsive checkboxes. I have come across numerous examples that do it giving example of one checkbox group. One example is at http://blog.schuager.c

Answer 1

Like I said in my comment, you should really use elements for this. Give them the same name and they work almost the same way:

Option 1
Option 2

The only significant difference is that, once one of them is selected, at least one of them has to be on (ie, you can't uncheck them again).

If you really feel the need to do it with check boxes, remind yourself that users with JavaScript disabled will be able to select all the options if they like. If you still feel the need to do it, then you'll need to give each checkbox group a unique class name. Then, handle the change event of each checkbox element and uncheck all the other elements matching the same class name as the clicked element.