ラジオボタンの「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ランキング
-
Jvasvriptのlengthで個数が取得...
-
ラジオボタンにタブインデック...
-
【診断テストの作り方】結果に...
-
JavaScriptでラジオボタンのチ...
-
ラジオボタンのチェック数に応...
-
javascriptによる動的なリンク...
-
チェックされたラジオボタンに...
-
データベースの値を判断してラ...
-
ラジオボタンとif文
-
任意のinput要素同士の連動につ...
-
return trueとreturn falseの用...
-
プルダウン 項目が多いので先頭...
-
テキストボックス入力を半角英...
-
【jQuery】input nameの文字列...
-
二つの入力欄に、同時に同じ文...
-
onchangeイベントを強制的に発...
-
<input>の選択肢をプルダウンメ...
-
ボタンかリンクをクリックする...
-
%の計算の仕方
-
チェックボックスのON/OFFでVal...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ラジオボタンにタブインデック...
-
ラジオボタンのチェックが外れ...
-
javascript作成してます。ラジ...
-
ラジオボタンでチェックした項...
-
ラジオボタンの値でリンク先を...
-
データベースの値を判断してラ...
-
Form内のselectを連動させるに...
-
フォームPOST後「戻る」時のチ...
-
【診断テストの作り方】結果に...
-
チェックボックスとテキストボ...
-
複数のラジオボタンでの選択で...
-
ラジオボタンのValueを受け取り...
-
チェックされたラジオボタンに...
-
ラジオボタンのリセット方法
-
チェックボックスのON/OFFに連...
-
JavaScript ラジオボタン デ...
-
jQueryで複数のラジオボタンを処理
-
ラジオボタンで診断テストを作...
-
ラジオボタンによる有効なボタ...
-
【javascript】firefoxでの、al...
おすすめ情報