hundreds of checkboxes on a form make IE8 respond slowly

We're trying to show checkboxes for the 700+/- options that the user has. It's to map users to accounts, for all inte开发者_C百科nts and purposes.

The checkboxes start runing extremely slow under Internet Explorer 8. Firefox, Opera, Safari, etc. run like a champ without issue.

Does anyone have a better, faster, and cleaner method (other than checkboxes) to utilize for this?

We wound up going back to the users and showing them the fact that the page rendered like crap, and ultimately, they said "That's not a problem"! So, we're stuck with the 2,100+/- controls :/

There are several options:

1. Use a select control. Consider using two select controls, and copying the selected values from one control to the other. This is more usable than a large multi-select.

2. Split your form into multiple, smaller pages.

3. Allow the user to complete a portion of the form, and load the additional parts via AJAX as needed.

Does anyone have a better, faster, and cleaner method (other than checkboxes) to utilize for this?

I think you should Page your data in a table with multiple page. 700 checkboxes is a UI-Smell from my point of view.

Even if is feasible in the other browsers, from the point of view of user friendliness it would be a nightmare.

One possible solution:

1.- Instead of checkboxes use to select lists, in the left one put all the available one, in the right the ones selected

2.- Categorize and/or divide in multiple steps

3.- Add a addAll and removeAll buttons for each page/category

Why dont you use 10 user controls with jQuery in it and render all the controls at pipe line. This way its not too much load at the server side and your controls will be async with each other.

Just my cents on it..