Question

The set up is when the user arrives on the page, it will have their information on the page they put in a previous form to review. Also on the page will be a form with 3 options listed with a checkbox by each option, and a button at the bottom of the form that says “Print.”

The information at the top of the page that the user is reviewing is also applied to 3 letters that are wrapped in divs with display hidden. Each checkbox represents one of the hidden letters, let’s say letter1, letter2 and letter3.

So, I need a form that will have a checkbox for each of the 3 letters, a submit button that prints the entire page upon clicking, and for the form to apply a class to each of the selected letter’s div when the print button is clicked, so the print.css will only print the divs that have this class applied to it. I’d preferably like all this done using javascript or jquery, but really any simple method is welcome.

Thank you to all that help!

<form action="" id="letterPrint">

<input type="checkbox" name="letter1" value="letter1" /> Letter 1

<input type="checkbox" name="letter2" value="letter2" /> Letter 2

<input type="checkbox" name="letter3" value="letter3" /> Letter 3

<input type="submit" value="print" />

</form>

This is my form thus far.

Answer 1

Is this kind of what you’re looking for?