Javascript - Basic OnCheck Scripts

I am developing a php/mysql site and need some basic javascript support for one of my pages to support a form submission. THE GOAL: I have attached a stripped down version of the page as it is being rendered by my php scripts as index.php. ADDING VALUES: One functionality i want is that when a user checks any one of the checkboxes at the bottom (including those in the expandable div), the value associated with that checkbox is printed in the corresponding colored box above it along with an X icon (which i will explain below) to replace the default message in that box. As each successive checkbox is checked, that value (and an X icon) should be added to the top of the corresponding list. A sample of the desired result is shown in [login to view URL] including the required html code for formatting the value and X icon. Values contained in List 1 should be printed in Box 1 and values in List 2 in Box 2. REMOVING VALUES Additionally, the user should be able to remove values from the colored boxes in two ways. 1) By unchecking a checkbox. The corresponding value and X icon should be removed from the list and any values listed below the removed one should be moved up to fill the gap 2) By clicking on the X icon. The X icon should remove the corresponding value and the X icon AND also uncheck the corresponding checkbox in the corresponding list. CURRENT IMPLEMENTATION: Currently the form submission and validation is handled by php. in other words, the checked checkboxes are passed to the a php form validation script and the page is reloaded if there are any errors to report. (errors are currently printed in the white space below Box 3). If you wish to propose a different solution to the form submission i would be willing to hear it. Please include a price, timeline, and applicable milestones (if you feel they are helpful) with your proposal. Links to similar work you have completed would also be appreciated. ## Deliverables 1) Complete and fully-functional working program(s) in executable form as well as complete source code of all work done. 2) Deliverables must be in ready-to-run condition, as follows (depending on the nature of the deliverables): a) For web sites or other server-side deliverables intended to only ever exist in one place in the Buyer's environment--Deliverables must be installed by the Seller in ready-to-run condition in the Buyer's environment. b) For all others including desktop software or software the buyer intends to distribute: A software installation package that will install the software in ready-to-run condition on the platform(s) specified in this bid request. 3) All deliverables will be considered "work made for hire" under U.S. Copyright law. Buyer will receive exclusive and complete copyrights to all work purchased. (No GPL, GNU, 3rd party components, etc. unless all copyright ramifications are explained AND AGREED TO by the buyer on the site per the coder's Seller Legal Agreement). ## Platform As described above, my site runs on a php/mysql platform. -The page must function in both internet explorer and firefox. -Your scripts must also not conflict/compromise other javascripts currently implemented on the page (i.e. the "see more" div expansion and the scroll arrows for Box1 and Box2). -Please use the element name/ids that are currently used on the page. Your scripts should be written such that the names/content of the elements/messages/text being referenced/written are easy to identify and therefore can be easily changed if needed as the site evolves. -The name='array1[]'associated with each checkbox must remain the same for my php scripts to work. This means your scripts must not require the name of the checkbox to match the value and instead should be referring to the checkbox according to its value (all values will be unique). If this causes significant burden, please suggest potential workarounds in your proposal but i believe this requirement should be acheivable.