我使用CSS隐藏单选按钮，但我想使用Javascript在一个页面上显示它们

在Qualtrics上，我输入了以下CSS以隐藏整个调查中的单选按钮：

input[type=radio]{
visibility: hidden;  
}

然而，我希望他们显示一页。我只能使用javascript来实现这一点

---

有可能吗？

实现这一点的最简单方法之一是在CSS中创建一个单独的类：

.hidden { visibility: hidden; }

然后根据需要添加或删除该类。例如：

document.getElementById("special-checkbox").classList.add('hidden');

如果您必须像在您的问题中一样每次都使用声明

input[type=radio]

，那么您可以使用相同的技术覆盖该声明：

input[type=radio].shown {
  visibility: visible;
}

您将使用如上所述的javascript将所示的

类添加到那些未隐藏的项目中。因为此限定符比常规选择器更具体，所以它将优先

编辑

我错过了什么。如果希望隐藏或显示特定页面上的所有单选按钮，可以将类附加到DOM中的任何公共祖先，然后使用级联。例如，您可以将class
show radio
附加到层次结构中较高的某个DIV标记（使用上述技术），然后以下规则将您的意图级联到所有无线电输入

show-radio input[type=radio] {
  visibility: visible;
}

这很好，因为您只需设置一次类，而不是为每个元素设置一次。
实现这一点的最简单方法之一是在CSS中创建一个单独的类：

.hidden { visibility: hidden; }

然后根据需要添加或删除该类。例如：

document.getElementById("special-checkbox").classList.add('hidden');

如果您必须像在您的问题中一样每次都使用声明
input[type=radio]
，那么您可以使用相同的技术覆盖该声明：

input[type=radio].shown {
  visibility: visible;
}

您将使用如上所述的javascript将所示的
类添加到那些未隐藏的项目中。因为此限定符比常规选择器更具体，所以它将优先

编辑

我错过了什么。如果希望隐藏或显示特定页面上的所有单选按钮，可以将类附加到DOM中的任何公共祖先，然后使用级联。例如，您可以将class
show radio
附加到层次结构中较高的某个DIV标记（使用上述技术），然后以下规则将您的意图级联到所有无线电输入

show-radio input[type=radio] {
  visibility: visible;
}

这很好，因为您只需设置一次类，而不是为每个元素设置一次。
实现这一点的最简单方法之一是在CSS中创建一个单独的类：

.hidden { visibility: hidden; }

然后根据需要添加或删除该类。例如：

document.getElementById("special-checkbox").classList.add('hidden');

如果您必须像在您的问题中一样每次都使用声明
input[type=radio]
，那么您可以使用相同的技术覆盖该声明：

input[type=radio].shown {
  visibility: visible;
}

您将使用如上所述的javascript将所示的
类添加到那些未隐藏的项目中。因为此限定符比常规选择器更具体，所以它将优先

编辑

我错过了什么。如果希望隐藏或显示特定页面上的所有单选按钮，可以将类附加到DOM中的任何公共祖先，然后使用级联。例如，您可以将class
show radio
附加到层次结构中较高的某个DIV标记（使用上述技术），然后以下规则将您的意图级联到所有无线电输入

show-radio input[type=radio] {
  visibility: visible;
}

这很好，因为您只需设置一次类，而不是为每个元素设置一次。
实现这一点的最简单方法之一是在CSS中创建一个单独的类：

.hidden { visibility: hidden; }

然后根据需要添加或删除该类。例如：

document.getElementById("special-checkbox").classList.add('hidden');

如果您必须像在您的问题中一样每次都使用声明
input[type=radio]
，那么您可以使用相同的技术覆盖该声明：

input[type=radio].shown {
  visibility: visible;
}

您将使用如上所述的javascript将所示的
类添加到那些未隐藏的项目中。因为此限定符比常规选择器更具体，所以它将优先

编辑

我错过了什么。如果希望隐藏或显示特定页面上的所有单选按钮，可以将类附加到DOM中的任何公共祖先，然后使用级联。例如，您可以将class
show radio
附加到层次结构中较高的某个DIV标记（使用上述技术），然后以下规则将您的意图级联到所有无线电输入

show-radio input[type=radio] {
  visibility: visible;
}

这很好，因为您只需设置一次类，而不是为每个元素设置一次类。
使用jQuery，您可以执行以下操作：

$（'input[type=radio]'）.css（{visibility:'visible'}）
 使用jQuery，您可以执行以下操作：

$（'input[type=radio]'）.css（{visibility:'visible'}）
 使用jQuery，您可以执行以下操作：

$（'input[type=radio]'）.css（{visibility:'visible'}）
 使用jQuery，您可以执行以下操作：

$（'input[type=radio]'）.css（{visibility:'visible'}）
 无需添加jQuery库。Qualtrics使用prototype.js，您可以使用它。只需将以下JavaScript添加到页面上的第一个问题：

Qualtrics.SurveyEngine.addOnload(function() {
    $$('input[type=radio]').each(function(obj) {
        obj.style.visibility = 'visible';
    });
});

代码找到页面上的所有单选按钮并将其更改为可见。
无需添加jQuery库。Qualtrics使用prototype.js，您可以使用它。只需将以下JavaScript添加到页面上的第一个问题：

Qualtrics.SurveyEngine.addOnload(function() {
    $$('input[type=radio]').each(function(obj) {
        obj.style.visibility = 'visible';
    });
});

代码找到页面上的所有单选按钮并将其更改为可见。
无需添加jQuery库。Qualtrics使用prototype.js，您可以使用它。只需将以下JavaScript添加到页面上的第一个问题：

Qualtrics.SurveyEngine.addOnload(function() {
    $$('input[type=radio]').each(function(obj) {
        obj.style.visibility = 'visible';
    });
});

代码找到页面上的所有单选按钮并将其更改为可见。
无需添加jQuery库。Qualtrics使用prototype.js，您可以使用它。只需将以下JavaScript添加到页面上的第一个问题：

Qualtrics.SurveyEngine.addOnload(function() {
    $$('input[type=radio]').each(function(obj) {
        obj.style.visibility = 'visible';
    });
});

该代码查找页面上的所有单选按钮并对其进行更改