如果选中表单中的复选框，则需要一个将类应用于div的表单，然后使用提交按钮打印页面

设置是当用户到达页面时，它将在他们放在先前表单中的页面上查看他们的信息。此页面上还有一个表单，其中列出了3个选项，每个选项都有一个复选框，表单底部有一个“打印”按钮。 用户正在查看的页面顶部的信息也应用于包含在显示隐藏的div中的3个字母。每个复选框代表一个隐藏字母，比如letter1，letter2和letter3。 因此，我需要一个表单，其中包含3个字母中的每个字母的复选框，一个提示按钮，在单击时打印整个页面，以及表单在单击打印按钮时将类应用于每个选定字母的div ，所以print.css只会打印应用了这个类的div。我最好喜欢使用javascript或jquery完成所有这些，但实际上任何简单的方法都是受欢迎的。 谢谢你的帮助！

<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>

到目前为止，这是我的表格。