2009-07-15 6 views
4

Je suis en train de cacher toutes les balises en html qui sont <input type=radio>comment cacher l'entrée de la radio de type en html

J'ai eu ce css

input{display: none} 

Cependant, cela se cache même des boutons parce qu'ils sont <input type=button>

est-il un moyen de cacher juste l'intput de type radio?

je peux utiliser jquery si besoin est, mais si elle peut se faire via js ou mieux encore que CSS je préférerez que ...

J'utilise IE6 donc pas CSS3

Répondre

6

En raison de votre besoin de soutenir IE 6, vous pouvez utiliser jQuery:

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

Dans les navigateurs plus modernes, vous pouvez utiliser le sélecteur d'attribut:

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

Je ne pense pas que ce soit CSS3. Devrait être CSS2.

+2

Juste vérifié sur Quirksmode - pas disponible dans IE6: http://www.quirksmode.org/css/selector_attribute.html –

+1

CSS 2.1. IE 6 ne le supporte malheureusement pas. – tj111

+2

Je souhaite IE 6 s'en irait. – Troggy

2

Ce que vous essayez de faire est facilement accompli avec des sélecteurs d'attributs CSS, mais ceux-ci sont not supported by IE6. La seule autre façon de le faire avec CSS serait de donner à tous vos éléments radio d'entrée un nom de classe CSS commun et de l'utiliser pour sélectionner en CSS.

3

Cet extrait jQuery fait le tour:

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

Une solution simple JavaScript qui devrait fonctionner sur 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"; 
     } 
    } 
} 
0

Si vous ne souhaitez pas utiliser jQuery, directement vers le haut Javascript serait ...

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

Personnellement, je pense que la version jQuery est meilleure, mais si vous ne voulez pas inclure la bibliothèque, il est ce Ta Réponse.

Questions connexes