如何在html中隐藏radio类型的输入答案

【问题标题】：how to hide input of type radio in html如何在html中隐藏radio类型的输入
【发布时间】：2015-02-26 05:36:08
【问题描述】：

我试图隐藏html中所有<input type=radio>的标签

我有这个 CSS

input{display: none}

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

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

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

我用的是IE6所以没有CSS3

【问题讨论】：

标签： jquery html css

【解决方案1】：

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

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

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

input[type=radio] { display: none }

【讨论】：

【解决方案2】：

这个 jQuery sn-p 可以解决问题：

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

【讨论】：

【解决方案3】：

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

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

【讨论】：

刚刚检查了 Quirksmode - 在 IE6 中不可用：quirksmode.org/css/selector_attribute.html
CSS 2.1。不幸的是，IE 6 不支持它。
显然jQuery的重要性主要是让我们在IE6中也能执行这样的任务:)

【解决方案4】：

使用 CSS 属性选择器可以轻松完成您尝试做的事情，但它们是 not supported by IE6。

使用 CSS 的唯一其他方法是为所有输入单选元素提供一个通用 CSS 类名，并使用它在 CSS 中进行选择。

【讨论】：

【解决方案5】：

使用 jquery：

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

http://docs.jquery.com/Selectors

【讨论】：

【解决方案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 版本更好，但如果您不想包含该库，这就是您的答案。

【讨论】：

【解决方案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";
        }
    }
}

【讨论】：