Html 如何关闭单选按钮功能？

我想使用单选按钮作为设计元素，没有任何功能。用户不应能够选中或取消选中它们

<div id="divRadios">
<input type="radio">
<input type="radio">  
...
</div>

...

我认为解决方案可能是在

#divRadios

上放置一个单独的空div，并给它更高的z索引，但可能有一种更自然的方法？

只需禁用它们：

<input type="radio" disabled>

---

您可能希望在无线电输入元素上使用“disabled”属性：

<div id="divRadios">
<input type="radio" disabled>
<input type="radio" disabled>  
...
</div>

...

另一种禁用收音机而不丢失其实际样式的方法（无“禁用”标签）

$（'#rd1'）。单击（函数（e）{
$（'#rd2'）。单击（）；
});

如果您不想让用户检查，请不要使用

创建

span

或

div

并向其添加

radio

类：

 .radio{
     -moz-appearance:radio;
     -webkit-appearance:radio; 
    }

---

作为@user2404546答案的扩展，最好的解决方案似乎是只使用常规复选框，但改变其外观：

.radio{
     -moz-appearance:radio;
     -webkit-appearance:radio; 
}

<input class="radio" type="checkbox">

收音机{
-moz外观：收音机；
-网络工具包外观：收音机；
}

为什么要这样做？你只会给你的用户带来困惑和挫折。如果可以的话，就使用图片吧。单选按钮在每个平台上看起来都不一样，甚至有不同的尺寸。@MattiasBuelens，不会有任何混淆。按钮位于页面底部，作为边框，而不是一条线。@SunSky有一个更好的解决方案：

边框底部：10px点红色

，它会给你一条漂亮的圆圈作为边框，看起来不像单选按钮（因此不会让你的用户感到困惑）。@SunSky如果你想要3D效果，制作一个图像并将其作为水平重复的背景。或者，在边框一侧将其设置为

边框图像

。见鬼，你甚至可以疯狂使用CSS3

边框半径

、

变换

和伪元素来设计纯CSS中有史以来最光滑的边框（没有图像）。不要仅仅因为“它们看起来很酷”就滥用单选按钮。但是

禁用

会改变按钮的外观（不透明度）。每个浏览器都会为按钮设置不同的样式。上面的评论是正确的：如果你想要的是边框，那么就使用边框。html@heartcode和我向您展示了禁用输入的正确方法。Prakash，谢谢。最后，这个问题的答案，没有关于品味的课程。@SunSky，与品味无关。它与语义有关，语义是web上最重要的事情之一。不要只迎合眼睛功能齐全的人。无论如何，这个答案中的代码是荒谬的。点击一个隐藏的输入有什么意义？？？如果不希望单击触发，只需使用

e.preventDefault（）。但是这个问题没有标记为JavaScript问题。e.preventDefault（）不起作用。你试过那个密码了吗？你以为你什么都知道吗？？如果是这样，你就是傻瓜。首先让你的代码正确。然后看看别人的。如果你正确理解了这个问题，那么你就知道谁的答案是正确的了。作者希望单选按钮用于设计目的。所以它不应该被禁用，如果是这样的话，它就失去了它的实际风格。此外，如果我们使用css样式将元素的外观更改为radio，那么就不可能看到checked radio（作者要求使用checked和unchecked模式）。@Jeffrey和Prakash，你们都没有抓住要点。有正确的方法和错误的方法！不要仅仅为了设计而使用语义错误的代码。这种代码降低了视力受损用户和其他用户的用户体验。如果希望复选框始终处于选中状态，请不要创建单击事件来单击隐藏的输入。那太荒谬了！为输入指定一个属性
已选中
，并删除任何名称属性，使其无法取消选中。如果您不希望它可单击，请使用
disabled
属性禁用它，并使用适当的CSS设置样式。这不是火箭科学，如果你知道你在做什么。你可以有一个复选框或收音机。收音机的外观不会被检查1.根据问题，收音机只用于播放，不用于检查。SOS为什么要使用单选按钮？？？？
.radio{
     -moz-appearance:radio;
     -webkit-appearance:radio; 
}

<input class="radio" type="checkbox">