2,616
2017-01-05 22:05
您可以通过CSS轻松完成此操作。 HTML：
<form id="aform" name="aform" method="POST">
<input name="chkBox_1" type="checkbox" checked value="1" readonly />
<br/>
<input name="chkBox_2" type="checkbox" value="1" readonly />
<br/>
<input id="submitBttn" type="button" value="Submit">
</form>
CSS：
input[type="checkbox"][readonly] {
pointer-events: none;
}
相关问题
热门github
2
4
Linux, Jenkins, AWS, SRE, Prometheus, Docker, Python, Ansible, Git, Kubernetes, Terraform, OpenStack, SQL, NoSQL, Azure, GCP, DNS, Elastic, Network, Virtualization. DevOps Interview Questions
(翻译：包含Linux、Jenkins、AWS、SRE、Prometheus、Docker、Python、Ansible、Git、Kubernetes、Terraform、OpenStack、SQL、NoSQL、Azure、GCP、DNS、弹性、网络、虚拟化等DevOps 面试问题)
7
9
11
这不会阻止通过键盘在复选框上打勾（选中该选项卡，然后按空格键）。
为防止通过键盘打勾复选框，请使用stackoverflow.com/a/12267350/1091926的 Patrick回答
如果复选框后面带有标签（也可以单击），我们也可以添加以下CSS：input [type =“ checkbox”] [readonly] + label {指针事件：无；}
@jtheletter，只需添加
tab-index="-1"