как скрыть ввод типа радио в HTML

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

То, что вы пытаетесь сделать, легко сделать с помощью селекторов атрибутов CSS, но они не поддерживаются IE6 .

Единственный другой способ сделать это с помощью CSS - дать всем вашим входным радиоэлементам общее имя класса CSS и использовать его для выбора в CSS.

Answer 4

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

Я не думаю, что это CSS3. Должно быть CSS2.

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

Простое решение JavaScript, которое должно работать в IE6:

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";
        }
    }
}