CSS不会打印未选中/选中的单选按钮或复选框

|| 我有一个表单,需要单独的CSS文件进行打印。屏幕上还有其他单选按钮和复选框。但是我希望在打印它们时隐藏那些未选中的单选按钮和复选框。 有没有一种方法可以使用jQuery在这些标签和相应的复选框上设置类,以便@media打印将其隐藏?     
已邀请:
        在“ 0”块中,您可以隐藏所有复选框,然后仅显示选中的复选框。 要定位这些已选中的复选框,请使用输入的“ 1”属性。
@media print {
    input[type=\"checkbox\"] {
        display: none;
    }

    input[type=\"checkbox\"][checked=\"checked\"] {
        display: inline-block;
    }
}
请参见此小提琴http://jsfiddle.net/XfpM6/,它仅显示了两个选中的复选框。 编辑: 要隐藏标签,可以使用targets3ѭ选择器,该选择器针对直接同级。 这将是:
input[type=\"checkbox\"] + label {
    display: none;
}

input[type=\"checkbox\"][checked=\"checked\"] + label {
    display: inline;
}
(假设您以这种方式用HTML
<input type=\"checkbox\" .. /> <label for=\"..\">Label</label>
,否则必须向每个have6ѭ添加一个类来隐藏)。 关于
media print
,您是否在
screen
CSS之后添加了该CSS? 另一个解决方案可能是摆脱
@media print
块,并包括带有
<link rel=\"stylesheet\" href=\"...\" media=\"print\" />
在CSS链接的末尾(因此它会覆盖其他规则)。 这将是相同的,关键是在
screen
css之后包括该css。     
        您可以使用CSS进行此操作,只需检查
checked
属性的存在
@media print{
  input[type=\"checkbox\"]
  {
    visibility: hidden;
  }


  input[type=\"checkbox\"][checked]
  {
    visibility: visible;
  }
}
小提琴:http://jsfiddle.net/L3Bwp/1/     

要回复问题请先登录注册