html - 如何关闭单选按钮功能？

Question

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

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

我想解决方案可能是放置一个单独的空 div#divRadios并给它更高的 z-index，但也许有更原生的方式？

Answer 1

<input type = 'radio' />如果您不想让用户检查，请不要使用

创建一个spanordiv并向其添加radio类：

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

Answer 2

只需禁用它们：

<input type="radio" disabled>

Answer 3

另一种在不丢失实际样式的情况下禁用收音机的方法（没有“禁用”标签）

    <input type="radio" id="rd1" name="radio">
    <input type="radio" id="rd2" name="radio" style="display: none;">

    <script>
    $( '#rd1' ).click( function(e) { 
        $('#rd2').click();
    });
    </script>

Answer 4

您可能希望在单选输入元素上使用“禁用”属性：

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

Answer 5

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

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

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