ラジオボタンの「Yes・No」にチェックすると、チェックした項目別に欄外にコメントを表示するページを作成しました。
初心者のため、Q1~Q15までcheckの方法を延々と書いたのですが、もっと簡単に書く方法はありますでしょうか?
参考にQ1・Q2の分を掲載させていただきます。
ぜひ、教えてください。よろしくお願いいたします。
<SCRIPT language="JavaScript">
<!--
function check(){
if (document.form1.q1[0].checked){
document.form1.q1com.value="減量しましょう";
}
if (document.form1.q1[1].checked){
document.form1.q1com.value="引き続き注意を";
}
if (document.form1.q2[0].checked){
document.form1.q2com.value="再検査を受けましょう!";
}
if (document.form1.q2[1].checked){
document.form1.q2com.value="チェックしましょう";
}
// -->
</SCRIPT>
<INPUT type="radio" name="q1"> Yes <INPUT type="radio" name="q1"> No
<INPUT size="41" type="text" name="q1com">
<INPUT type="radio" name="q2"> Yes <INPUT type="radio" name="q2"> No
<INPUT size="44" type="text" name="q2com">
<INPUT type="button" value=" 診断ボタン " onclick="check();>
No.1ベストアンサー
- 回答日時:
たとえばこんな風にradioボタンにvalueを持たせるという手もあります
<SCRIPT language="JavaScript">
function check(f){
f.q1com.value=getValue(f.q1);
f.q2com.value=getValue(f.q2);
}
function getValue(obj){
for(var i=0;i<obj.length;i++){
if(obj[i].checked) return obj[i].value;
}
return "";
}
</SCRIPT>
<form>
<INPUT type="radio" name="q1" id="q1-Yes" value="減量しましょう"><label for="q1-Yes">Yes</label> <INPUT type="radio" name="q1" id="q1-No" value="引き続き注意を"><label for="q1-No">No</label>
<INPUT size="41" type="text" name="q1com">
<INPUT type="radio" name="q2" id="q2-Yes" value="再検査を受けましょう!"><label for="q2-Yes">Yes</label> <INPUT type="radio" name="q2" id="q2-No" value="チェックしましょう"><label for="q2-No">No</label>
<INPUT size="41" type="text" name="q2com">
<INPUT type="button" value=" 診断ボタン " onclick="check(this.form)">
</form>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- HTML・CSS CSS のみのタブ切り替えについて 1 2023/01/11 16:47
- HTML・CSS ただいま勉強始めたての初心者です。フォームを縦並べにしたいです。 2 2022/11/20 17:18
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- PHP PHPで画像の渡しが上手く行きません。 1 2023/02/02 09:39
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
- JavaScript セレクトボックスで配列を呼び出したい。 1 2022/07/08 20:14
- JavaScript javascriptで移動ボタンを押した際に遷移するボタンを追記したい 1 2022/11/29 03:02
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ラジオボタンの選択によってチ...
-
ラジオボタンのリセット方法
-
【診断テストの作り方】結果に...
-
ジャバスクリプト機能の繰り返...
-
ラジオボタンの分岐方法に関して
-
location.href="http://www.aaa...
-
java script フォームのチェッ...
-
ラジオボタンのalertのコントロ...
-
js radioボタンの「name」を多...
-
正規表現で複数マッチ条件で悩...
-
ボタン2回押しを無効にしたい
-
<form action="#">の意味とは?
-
<td>の中のonClick="location" で
-
JavaScriptにて動的に配列を作...
-
背景色を変えて未入力チェック...
-
【jsp/Java】チェックボックス...
-
javascriptで画像の移動
-
selectを変更不可にしたい
-
selectを使った計算
-
セレクトメニューで選択された...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ラジオボタンのチェックが外れ...
-
javascript作成してます。ラジ...
-
ラジオボタンにタブインデック...
-
Jvasvriptのlengthで個数が取得...
-
ホームページ作成について。
-
データベースの値を判断してラ...
-
フォームPOST後「戻る」時のチ...
-
ラジオボタンでdisabledとchecked
-
Form内のselectを連動させるに...
-
チェックされたラジオボタンに...
-
アンダーバーのname値は取得で...
-
ラジオボタンのリセット方法
-
jQueryで複数のラジオボタンを処理
-
ラジオボタンの分岐方法に関して
-
javascriptによる動的なリンク...
-
radio選択をクッキーに保存させ...
-
jQuery 変数の使い方について
-
ラジオボタンでチェックした項...
-
チェックボックスとテキストボ...
-
JavaScriptでラジオボタンのチ...
おすすめ情報