0

Qualtrics では、アンケート全体でラジオ ボタンを非表示にするために、次の CSS を入力しました。

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

しかし、私はそれらを1ページに表示したいと思います。これを行うにはjavascriptしか使用できません。

出来ますか？

4

3 に答える 3

2

これを実現する最も簡単な方法の 1 つは、CSS で別のクラスを作成することです。

.hidden { visibility: hidden; }

そして、必要に応じてそのクラスを追加または削除します。例えば：

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

問題とまったく同じように宣言を絶対に使用する必要がある場合はinput[type=radio]、同じ手法を使用してこれをオーバーライドできます。

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

上記と同じように JavaScript を使用して、shown非表示を解除するア​​イテムにクラスを追加します。この修飾子は一般的なセレクターよりも具体的であるため、優先されます。

編集

私が逃した何か。特定のページのすべてのラジオ ボタンを非表示または表示する場合は、DOM 内の共通の祖先にクラスをアタッチしてから、カスケードを使用できます。たとえばshow-radio、階層の上位にある DIV タグにクラスをアタッチすると (上記の手法を使用)、次のルールによって意図がすべての無線入力にカスケードされます。

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

要素ごとに 1 回ではなく、クラスを 1 回だけ設定すればよいので、これは便利です。

于 2015-04-24T00:01:04.920 に答える
0

jQuery を使用すると、次のことができます。

$('input[type=radio]').css({visibility: 'visible'});

于 2015-04-24T00:02:24.347 に答える