-1

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

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

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

4

5 回答 5

5

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

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

 .radio{
     -moz-appearance:radio;
     -webkit-appearance:radio; 
    }
于 2013-06-08T13:22:03.330 回答
2

只需禁用它们：

<input type="radio" disabled>
于 2013-06-08T12:27:19.687 回答
2

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

    <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>
于 2013-06-08T12:59:32.167 回答
1

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

<div id="divRadios">
<input type="radio" disabled>
<input type="radio" disabled>  
...
</div>
于 2013-06-08T12:27:32.057 回答
0

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

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

<input class="radio" type="checkbox">
于 2016-07-16T19:43:04.427 回答