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
1
🤯 Lobe Chat - an open-source, modern-design AI chat framework. Supports Multi AI Providers( OpenAI / Claude 3 / Gemini / Ollama / DeepSeek / Qwen), Knowledge Base (file upload / knowledge management / RAG ), Multi-Modals (Plugins/Artifacts) and Thinking. One-click FREE deployment of your private ChatGPT/ Claude / DeepSeek application.
(翻译：LobeChat 是开源的高性能聊天机器人框架，支持语音合成、多模态、可扩展的（Function Call）插件系统。)
4
6
10
这不会阻止通过键盘在复选框上打勾（选中该选项卡，然后按空格键）。
为防止通过键盘打勾复选框，请使用stackoverflow.com/a/12267350/1091926的 Patrick回答
如果复选框后面带有标签（也可以单击），我们也可以添加以下CSS：input [type =“ checkbox”] [readonly] + label {指针事件：无；}
@jtheletter，只需添加
tab-index="-1"