html+css自定义勾选框（单选、复选）

 效果图如上，这里主要是css对勾选时做样式上的处理，在html的标签我们引入jquery和勾选框样式

 在html里面放入自定义的勾选框还有对这些勾选的监听或者改变

div style ="margin-top: 100px;margin-left: 100px;">
单选
    testS1
 testS2
 testS3

复选

testFS1 testFS2 testFS3

这里简单点，复选用value改变来记录选中与否，只需要通过唯一的class来获取值为1的所有框就能拿到勾选项了。

================================

记一下打印换页代码：

@media print
 {
    .pageBreak
    {
       page-break-after: always;
    }
    .noPrint
    {
       display: none;
    }
}