0

基本的に、テーブル内のラジオ ボタンの HTML コードは次のとおりです。

<div class="graytitle">Wie oft nutzen Sie WhatsApp?</div>
<ul class="pageitem">
    <li class="radiobutton"><span class="name">Sehr oft</span>
    <input name="frage10" type="radio" value="sehr oft" /></li>
    <li class="radiobutton"><span class="name">Mittelmäßig</span>
    <input name="frage10" type="radio" value="mittel" /></li>
    <li class="radiobutton"><span class="name">Ehr selten</span>
    <input name="frage10" type="radio" value="ehr selten" /></li>
</ul>

テキストを非表示にせずに行をグレー表示にしたいので、ググってみましたが解決策が見つかりませんでした。これは私たちが使用したものです：

for (var i = 0; i < document.UmfrageForm.frage10.length; i++) {
document.UmfrageForm.frage10[i].style.backgroundColor = "gray"; }

テキストを含むすべての行がグレー表示されます。行をグレーにした後もテキストが表示されるようにします。どうすればそれができますか？

災害スクリーンショット:

ここに画像の説明を入力

4

3 に答える 3

0

可能かどうかはわかりませんが、各または要素idに属性を追加できます。lispan

次の ID を与えるとしましょう: frage10_opt1, frage10_opt2, frage10_opt3. 次に、次のコードを使用してテキストの色を変更できます。

for (var i = 0; i < document.UmfrageForm.frage10.length; i++) {
    document.UmfrageForm.frage10[i].style.backgroundColor = "gray";
    document.getElementById("frage10_opt" + (i + 1)).style.color = "black";
}
于 2013-04-17T22:07:52.973 に答える
0

私は少し混乱しています。特定のイベントが発生したときに行を「グレー表示」したいですか、それとも常に「グレー表示」にしたいですか?

Michal のコードの問題は、フォームのラジオ要素のループを実行していて、テキストが要素の前のスパン タグにあることだと思います。radio 要素の親 (li 要素) を取得して、スタイルの色を設定してみてください。

for (var i = 0; i < document.UmfrageForm.frage10.length; i++) {
    var radioElm = document.UmfrageForm.frage10[i].parentNode;
    radioElm.style.backgroundColor = "gray";
    radioElm.style.color = "black";
}

ラジオ ボタンを常に特定の色にしたい場合は、「ラジオ ボタン」と「名前」の CSS クラスを変更することをお勧めします。

于 2013-04-17T22:28:14.897 に答える