Date: 10/09/07 (WebDesign)    Keywords: no keywords

On a search page I have a list of type_ids seperated by meta_category_ids. Users can select one or more type_ids, one or more meta_category_is, or any combination. It works just fine, except when a user selects one of the type_ids, then selects the meta_category_id above. Doing so "reverses" the checkboxes in the subgroup.

Paste this in your IDE to see what I mean..

<form id='searchform' name='searchform' action='search.php' method=post> <script language=javascript> function select_subgroup(variable) { var form = document.forms.searchform; for (var i=0; i<form.elements.length; i++) { if (form.elements[i].id == variable) { if ( form.elements[i].checked==true ) { form.elements[i].checked = false; form.elements[i].disabled = false; } else { form.elements[i].checked = true; form.elements[i].disabled = true; } } } } </script> <p><input type=checkbox name=test2 value=3 id='somethingelse' style='margin-bottom:0px;'> different checkbox <hr> <p><input type=checkbox name=test3 value=4 id='somethingelse2' style='margin-bottom:0px;'> a different different checkbox <hr> <p><input type=checkbox name=meta_category_id value='5' style='margin-bottom:0px;' onClick="select_subgroup('5');"> <b>Administrative</b> <p style='margin-left:10px; margin-bottom:10px; margin-top:5px;'> <input type=checkbox name=type_id[] value='13' id='5' style='margin-bottom:0px;'> Other </p> <p><input type=checkbox name=meta_category_id value='3' style='margin-bottom:0px;' onClick="select_subgroup('3');"> <b>Clinic</b> <p style='margin-left:10px; margin-bottom:10px; margin-top:5px;'> <input type=checkbox name=type_id[] value='9' id='3' style='margin-bottom:0px;'> Genetic Counselor <br> <input type=checkbox name=type_id[] value='19' id='3' style='margin-bottom:0px;'> Hospital Hearing Educator <br> <input type=checkbox name=type_id[] value='10' id='3' style='margin-bottom:0px;'> Medical Geneticist <br> <input type=checkbox name=type_id[] value='5' id='3' style='margin-bottom:0px;'> Metabolic Nutritionist <br> <input type=checkbox name=type_id[] value='11' id='3' style='margin-bottom:0px;'> Nurse </p> <p><input type=checkbox name=meta_category_id value='1' style='margin-bottom:0px;' onClick="select_subgroup('1');"> <b>Laboratory</b> <p style='margin-left:10px; margin-bottom:10px; margin-top:5px;'> <input type=checkbox name=type_id[] value='2' id='1' style='margin-bottom:0px;'> Academic Contact <br> <input type=checkbox name=type_id[] value='8' id='1' style='margin-bottom:0px;'> Diagnostic Lab Director Biochem Lab <br> <input type=checkbox name=type_id[] value='15' id='1' style='margin-bottom:0px;'> Diagnostic Workup <br> <input type=checkbox name=type_id[] value='16' id='1' style='margin-bottom:0px;'> Lab Biochem <br> <input type=checkbox name=type_id[] value='14' id='1' style='margin-bottom:0px;'> Molecular <br> <input type=checkbox name=type_id[] value='4' id='1' style='margin-bottom:0px;'> NBS Tandem MSMS Expert <br> <input type=checkbox name=type_id[] value='1' id='1' style='margin-bottom:0px;'> Public Health <br> <input type=checkbox name=type_id[] value='6' id='1' style='margin-bottom:0px;'> State Genetics Coordinator <br> <input type=checkbox name=type_id[] value='3' id='1' style='margin-bottom:0px;'> State NBS Lab Director </p> <p><input type=checkbox name=meta_category_id value='2' style='margin-bottom:0px;' onClick="select_subgroup('2');"> <b>Newborn Screening</b> <p style='margin-left:10px; margin-bottom:10px; margin-top:5px;'> <input type=checkbox name=type_id[] value='12' id='2' style='margin-bottom:0px;'> FollowUp <br> <input type=checkbox name=type_id[] value='18' id='2' style='margin-bottom:0px;'> Followup Nurse <br> <input type=checkbox name=type_id[] value='17' id='2' style='margin-bottom:0px;'> Hearing Followup Coordinator <br> <input type=checkbox name=type_id[] value='7' id='2' style='margin-bottom:0px;'> Shortterm follow up </p> <p><input type=checkbox name=meta_category_id value='6' style='margin-bottom:0px;' onClick="select_subgroup('6');"> <b>Technology</b> <p style='margin-left:10px; margin-bottom:10px; margin-top:5px;'> <input type=checkbox name=type_id[] value='24' id='6' style='margin-bottom:0px;'> IT </p> </form>

I could loop through the meta_category_ids and make separate functions for each, but I really don't want to go there. Is there a way to do this with a single function?

Source: http://community.livejournal.com/webdesign/1319197.html