代码之家  ›  专栏  ›  技术社区  ›  Josh

如何在html中隐藏单选输入

  •  4
  • Josh  · 技术社区  · 17 年前

    <input type=radio>

    input{display: none}
    

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

    有没有办法把收音机的输入隐藏起来?

    7 回复  |  直到 17 年前
        1
  •  6
  •   Sampson    11 年前

    由于你需要支持IE 6,你可以使用jQuery:

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

    input[type=radio] { display: none }
    
        2
  •  3
  •   Jose Basilio    17 年前

    这个jQuery代码片段做到了这一点:

    $(document).ready(function(){
        $(":radio").hide();       
    });
    
        3
  •  2
  •   synhershko    17 年前
    input[type="radio"]{display:none;}
    

        4
  •  2
  •   Mike Dinescu    17 年前

    not supported by IE6 .

    使用CSS的唯一另一种方法是给所有输入的单选元素一个通用的CSS类名,并使用它在CSS中进行选择。

        5
  •  1
  •   Carl Hörberg    17 年前

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

    http://docs.jquery.com/Selectors

        6
  •  0
  •   Symphony    17 年前

    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
  •  -1
  •   Sebastian Celis    17 年前

    一个适用于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";
            }
        }
    }