Question

我试图隐藏html中<input type=radio>

的所有标签

我有这个css

input{display: none}

然而，这甚至隐藏了按钮，因为它们是<input type=button>

有没有办法隐藏无线电类型的输入？

如果需要，我可以使用jquery，但是如果它可以通过js或更好而只是CSS完成，那么我会更喜欢......

我使用IE6所以没有CSS3

Answer 1

由于您需要支持IE 6，您可以使用jQuery：

$( "input[type='radio']" ).css( "display", "none" );
// Or call the .hide() method

在更现代的浏览器中，您可以使用属性选择器：

input[type=radio] { display: none }

Answer 2

这个jQuery片段可以解决这个问题：

$(document).ready(function(){
    $(":radio").hide();       
});

Answer 3

input[type="radio"]{display:none;}

我不认为这是CSS3。应该是CSS2。

Answer 4

使用CSS属性选择器可以轻松完成您要做的事情，但那些是not supported by IE6。

使用CSS执行此操作的唯一方法是为所有输入无线电元素提供一个通用的CSS类名，并使用它在CSS中进行选择。

Answer 5

使用jquery：

$("input[type='radio']").hide()

http://docs.jquery.com/Selectors

Answer 6

如果您不想使用jQuery，那么直接使用Javascript就是......

var inputs = document.getElementsByTagName('input');
for(var i=0; i < inputs.length; i++)
    if(inputs[i].type == 'radio')
        inputs[i].style.display = 'none';

就个人而言，我认为jQuery版本更好，但如果您不想包含库，那么这就是您的答案。

Answer 7

一个适用于IE6的简单JavaScript解决方案：

function hideAllRadioButtons()
{
    var elems = document.getElementsByTagName('input');
    for (var i = 0; i < elems.length; i++)
    {
        var e = elems[i];
        if (e.type === 'radio')
        {
            e.style.display = "none";
        }
    }
}

如何在html中隐藏无线电类型的输入

7 个答案: