![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
こんにちは。
JavaScript初心者です。
画面にラジオボタンを配置し、ラジオボタンを切り替える度に、
セル(表)の値を切り替える処理を加えることで悩んでいます。
処理は、
ラジオボタン1をクリックすると → 『AAAAA』
ラジオボタン2をクリックすると → 『AAAAA※』
文言はJavaScript内で宣言を行い、
ラジオボタン2をクリックした際の『※』部分だけを赤字で
表示させたいのですが、どのように記述すればよいかわからず、
行き詰っている状態です。
どなたか解決方法をお教え願えないでしょうか。
よろしくお願いいたします。
No.1ベストアンサー
- 回答日時:
※部分を<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">選択1</label>
</td>
<td>
<input type="radio" onclick="rChange(2)" name="r1" id="s2"><label for="s2">選択2</label>
</td>
</tr>
<tr><td id="mySel" colspan="2">セル表示</td></tr></table>
</form>
回答いただきありがとうございます。
スクリプトに組み込んで見たところ、
『AAAAA<font color=\"red\">※<\/font>』
と表示されてしまいます。
どこか記述漏れがあるのでしょうか?
No.2
- 回答日時:
質問者さんのスクリプトにではなく、一度新規のhtmlファイルにでも前回のソースを貼って動作するか確認してください
それで動作するならば、質問者さんのファイルに原因があります
私の環境では前回記述した内容をコピペでも動作しているので
内容を補足して頂かないとそこはわかりません
補足してほしい内容は
・閲覧環境(ブラウザ等)
・組み込んだ部分のスクリプト
・表示先のタグ部分
php等サーバサイドプログラムで使っているのならば、
プログラムソース内の記述とブラウザで閲覧した際に出力されたソースの両方が望ましいです
(エスケープミスとかもありえるので)
確実に動作させる部分が記述されていれば、ある程度省略して構わないです
//
タグがそのまま表示されているということは textarea内に表示させているんですかね
form要素だとしたら一部のカラーを変えるのは不可能なので先に言っておきます
回答ありがとうございます。
無事に問題を解決することができました。
組み込んだタグが表示されていたのは、
< document.getElementById('mySel').innerHTML = val;
の部分が
< document.getElementById('mySel').innerTEXT = val;
となっていたためでした。
凡ミスに気づかず恥ずかしい限りです。
ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- その他(プログラミング・Web制作) seleniumbasic chrome操作について 1 2023/03/29 15:40
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- Excel(エクセル) たくさんあるフォームコントロールを効率よく確認するには 1 2022/12/24 12:27
- JavaScript ラジオボタンによるフォームの開閉を行いたい 3 2022/03/31 21:30
- その他(セキュリティ) Facebookアカウントを乗っ取られ、ログインも出来ずパスワードの再設定もできずに困っている 2 2023/02/17 14:24
- Visual Basic(VBA) ExcelのVBAコードについて教えてください。 2 2023/01/23 17:13
- JavaScript 空白で入力フォームのボタンをクリックしたら、ブラウザの上部からjavascriptで 表示されるアラ 1 2022/05/20 11:16
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- Windows 8 動画の再生とタイトルの変更方法を教えてください。 3 2022/08/01 14:51
- Visual Basic(VBA) ExcelのVBAコードについて教えてください。 1 2023/04/21 13:46
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ラジオボタンが選択されたらテ...
-
文字数を数える際に空白、改行...
-
JavaScriptでテーブルのソート...
-
画面表示とともにtableの指定の...
-
Java Scriptで・・・
-
FC2掲示板での「性別の選択」を...
-
PHPで通信せずに入力データを照...
-
localStorageでのcheckbox制御
-
別ページからOnclickでテーブル...
-
Javascriptの電卓で最初の何も...
-
JavaScriptによる自動計算フォーム
-
ラジオボタン選択で「複数ラジ...
-
Javascriptで自動的に計算する...
-
チェックボックス付きのテーブ...
-
Response.Writeを使用して更新...
-
return trueとreturn falseの用...
-
プルダウン 項目が多いので先頭...
-
【jQuery】input nameの文字列...
-
select内を書き換えることは出...
-
value内に変数を入れたい
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
チェックボックス付きのテーブ...
-
localStorageでのcheckbox制御
-
複数のselect値で1つも選択され...
-
JavaScriptの「.querySelectorA...
-
Javascriptの電卓で最初の何も...
-
文字数を数える際に空白、改行...
-
formで項目を連結したい
-
jQueryで合計を出したい
-
Formのシリアライズができない
-
画面表示とともにtableの指定の...
-
テーブル内のチェックボックス...
-
入力チェックの外部スクリプト...
-
ラジオボタンが選択されたらテ...
-
VBSでの自動ログイン
-
Javascriptで自動的に計算する...
-
jQuery テキストボックス読み取...
-
同一nameの input type="text"...
-
ボタンクリックでフォーカス移動
-
画面の2重起動をチェックする...
-
送信ボタン連打を抑止したいです
おすすめ情報