はじめて投稿します。超ウルトラ初心者ですが非常に困っていますので、どなたか助けてください。HTMLはなんとか読めますが、Javascriptは初めてで1週間前に本を買って調べたり、HP検索してみたりしましたが、どうしても分かりません。
90のチェックボックスがあり、それぞれ9つの名前がつけられています。しかし、順番には並んでいません。
9つの名前ごとにチェックされた数を診断ボタンを押すとテキストボックスに表示させるようにするにはどうしたらいいのでしょうか。
<SCRIPT type="text/javascript">
<!--
var a,b,c,d,e,f,g,h,j = 0;
function test(){
for( i=0;i<90;i++){
if(document.f1.ts1[i].checked){
document.f1.tp1.value= a +=parseInt(document.f1.ts1.value);
}
else if(document.f1.ts2[i].checked){
document.f1.tp2.value= a +=parseInt(document.f1.ts2.value);
}
・
・(以下9までつづく)
・
}
}
document.f1.tp1.value= a;
document.f1.tp2.value= b;
・
・(以下9まで)
・
}
//-->
</SCRIPT>
<INPUT type="checkbox" name="ts1" value="1">
(同じく90つづく"ts1"がts2.3.4.・・・
<INPUT type="button" value="診断" onClick="test(this.form)">
すごく馬鹿にされるようなタグかもしれませんが、本を片手に毎日悪戦苦闘しながらつくりました。
たぶん肝心のところがちがっていると思うのですが、それが何かも分かりません。身の程知らずなのは重々承知の上で投稿しました。よろしくお願いします。
No.2
- 回答日時:
> ts3[...]checked はNunまたはオブジェクトではありません ってどういうことでしょうか。
ts3というチェックボックスが、例えば3つしかないのに4つ目を見ようとしてるのだと思います。
ts3のチェックボックスの個数と、for文でループする回数は一致していますか?
No.1ベストアンサー
- 回答日時:
2つの名前×3つのチェックボックスでサンプルを作ってみました。
参項にできたらしてください。
---------------------------------------
<SCRIPT type="text/javascript">
<!--
function test(form) {
var a,b;
a = 0;
b = 0;
for (i=0; i<3; i++) {
if (form.ts1[i].checked) {
a += parseInt(form.ts1[i].value);
}
if (form.ts2[i].checked) {
b += parseInt(form.ts2[i].value);
}
}
form.tp1.value = a;
form.tp2.value = b;
}
//-->
</SCRIPT>
<form name="f1">
a:<INPUT type="checkbox" name="ts1" value="1">1
<INPUT type="checkbox" name="ts1" value="2">2
<INPUT type="checkbox" name="ts1" value="3">3<br>
b:<INPUT type="checkbox" name="ts2" value="1">1
<INPUT type="checkbox" name="ts2" value="2">2
<INPUT type="checkbox" name="ts2" value="3">3<br>
<INPUT type="button" value="診断" onClick="test(this.form)"><br>
a合計:<input type=text name="tp1"><br>
b合計:<input type=text name="tp2"><br>
</form>
この回答への補足
ご回答いただきありがとうございました。とても参考になりました。というよりあまりにメチャクチャに組んでいたんだなと実感しました。
全てチェックして動作を確認したのですが、どうしてもエラーになってしまいます。
ts3[...]checked はNunまたはオブジェクトではありません ってどういうことでしょうか。
この意味を教えてください。
よろしくお願いします。
無事解決できました。こんな私ですが丁寧におしえていただき、本当にありがとうございました。これからガンバってもっともっと勉強していきます。ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- HTML・CSS ただいま勉強始めたての初心者です。フォームを縦並べにしたいです。 2 2022/11/20 17:18
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- JavaScript javascriptで移動ボタンを押した際に遷移するボタンを追記したい 1 2022/11/29 03:02
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- JavaScript セレクトボックスで配列を呼び出したい。 1 2022/07/08 20:14
- JavaScript コードレビューをお願いします。 1 2022/07/16 05:38
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
C言語クイックソートの比較総回...
-
javascriptでhiddenに二次元配...
-
VB.NET DateTimeの型について
-
hiddenのvalueの値を変えたい
-
テキストエリア内容からチェッ...
-
JavaScriptでBMI計算
-
value内に変数を入れたい
-
Pythonで会員サイトの自動ログ...
-
switchを使って四則演算のプロ...
-
セレクトボックスの初期選択状...
-
クイズ作成:15個の問題から5個...
-
ラジオボタンとテキストを同時...
-
選択したラジオボタンに対応し...
-
return trueとreturn falseの用...
-
追加ボタンを押した際に ok ボ...
-
チェックボックスのON/OFFでVal...
-
<form action="#">の意味とは?
-
jQuery セレクトボックスで選択...
-
フォームが空欄の時にフォーム...
-
【jQuery】input nameの文字列...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
hiddenのvalueの値を変えたい
-
value内に変数を入れたい
-
複数のsubmitボタンで押された...
-
3桁区切りのカンマをつけたい...
-
VB.NET DateTimeの型について
-
javascriptでhiddenに二次元配...
-
テキストボックスに入力された...
-
eval()を使わずに数値を取得し...
-
引数に数値、文字列の混在
-
クイズ作成:15個の問題から5個...
-
sessionStorageを調べています。
-
setIntervalの間隔を途中で変更...
-
javascriptにてHTMLのhiddenエ...
-
name属性が同じフォームが複数...
-
セレクトボックスの初期選択状...
-
Pythonで会員サイトの自動ログ...
-
演算対象の数字と演算子を入力...
-
商品コードを入れたら自動で商...
-
フォームで入力した値を別のフ...
-
ラジオボタンの選択で解答・点...
おすすめ情報