时间戳

首页 > 解决方案 > 如何在 HTML 中显示是否而不是复选框？

javascript - 如何在 HTML 中显示是否而不是复选框？

问题描述

我有一个网页，上面有几个复选框。打印时要隐藏复选框并根据复选框是否选中显示“是”或“否”。有没有一种简单的方法可以在不通过 java-script 的情况下做到这一点？

标签： javascripthtmlcss

解决方案

你可以尝试一些 CSS 规则

input[type=checkbox]::after {
  position: relative;
  left: 20px;
  content: "no";
}

input[type=checkbox]:checked::after { 
  content: "yes";
}
<input type="checkbox">

推荐阅读