イベント時の文字色変更

質問

こんにちは。
JavaScript初心者です。
画面にラジオボタンを配置し、ラジオボタンを切り替える度に、
セル(表)の値を切り替える処理を加えることで悩んでいます。
処理は、
ラジオボタン１をクリックすると → 『AAAAA』
ラジオボタン２をクリックすると → 『AAAAA※』
文言はJavaScript内で宣言を行い、
ラジオボタン２をクリックした際の『※』部分だけを赤字で
表示させたいのですが、どのように記述すればよいかわからず、
行き詰っている状態です。
どなたか解決方法をお教え願えないでしょうか。
よろしくお願いいたします。

回答No.1

suzuki-_- · ベストアンサー

※部分を<font>で囲んでcolorを設定するのが簡単な方法ではないでしょうか

■例

<script type="text/javascript">
<!--
function rChange(Num){
var val = "";
if(Num == 1)val = "AAAAA";
else if(Num == 2)val = "AAAAA<font color=\"red\">※<\/font>";

document.getElementById('mySel').innerHTML = val;
}
-->
</script>
<form>
<table border="1">
<tr>
<td>
<input type="radio" onclick="rChange(1)" name="r1" id="s1"><label for="s1">選択１</label>
</td>
<td>
<input type="radio" onclick="rChange(2)" name="r1" id="s2"><label for="s2">選択２</label>
</td>
</tr>
<tr><td id="mySel" colspan="2">セル表示</td></tr></table>
</form>

お礼

回答いただきありがとうございます。
スクリプトに組み込んで見たところ、
『AAAAA<font color=\"red\">※<\/font>』
と表示されてしまいます。
どこか記述漏れがあるのでしょうか？

回答No.2

suzuki-_-

質問者さんのスクリプトにではなく、一度新規のhtmlファイルにでも前回のソースを貼って動作するか確認してください

それで動作するならば、質問者さんのファイルに原因があります
私の環境では前回記述した内容をコピペでも動作しているので
内容を補足して頂かないとそこはわかりません

補足してほしい内容は
・閲覧環境（ブラウザ等）
・組み込んだ部分のスクリプト
・表示先のタグ部分

php等サーバサイドプログラムで使っているのならば、
プログラムソース内の記述とブラウザで閲覧した際に出力されたソースの両方が望ましいです
（エスケープミスとかもありえるので）
確実に動作させる部分が記述されていれば、ある程度省略して構わないです

//
タグがそのまま表示されているということは textarea内に表示させているんですかね
form要素だとしたら一部のカラーを変えるのは不可能なので先に言っておきます

お礼

回答ありがとうございます。
無事に問題を解決することができました。
組み込んだタグが表示されていたのは、
< document.getElementById('mySel').innerHTML = val;
の部分が
< document.getElementById('mySel').innerTEXT = val;
となっていたためでした。
凡ミスに気づかず恥ずかしい限りです。
ありがとうございました。