- ベストアンサー
チェックボックスの値を取り出したい
こんにちは JavaScript初心者です。 過去ログを見ながらここまでやったのですが、何も表示されません。 ？マークの所で引っかかっていると思うのですがどなたかご教授願います。 やりたい事は、チェックボックスのチェックの入った所の値を取り出して表示したいのですが．．． ３つチェックされていてＯＫをクリックした時に、ABC と出てくるのが理想です。 <html> <SCRIPT LANGUAGE="JavaScript"> <!-- function chkform() { for(i=1; i<=3; i++) { chkdata(i) = document.form0.chk(i).Value ？ var aa = chkdata(i) document.write(aa) } } //--></SCRIPT> <FORM onSubmit="return chkform(this)" name = "form0"> <INPUT type="checkbox" name="chk" value="A" > <INPUT type="checkbox" name="chk" value="B" > <INPUT type="checkbox" name="chk" value="C" > <INPUT type="submit" value="ＯＫ" > </form> </html>
- yorikiyo
- お礼率68% (20/29)
- JavaScript
- 回答数2
- ありがとう数3
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
これでは全然ダメです。 もう少し本なり見て勉強しましょう。 function chkform() { var chkdata = new Array(); var aa = ""; var len = document.form0.chk.length; for(i=0; i<len; i++) { if ( document.form0.chk[i].checked ) { chkdata[i] = document.form0.chk[i].value; aa += chkdata[i]; } } document.write(aa); } やるなら、こんな感じで良いのでは？ ＃私的にはこんなのでも嫌ですが。。。 各行で何をやってるか理解した上でご使用ください。m(__)m
その他の回答 (1)
- tamaCo
- ベストアンサー率66% (47/71)
もう少し！ですよ。無理に配列使わなくてもできるはず。 ほとんどi_am_aliveさんの回答への着けたしになってしまいましたが、 下記ではいかがでしょう？ ＃インデントのため全角スペース入れてます。動作確認してません。 <script language="JavaScript"> <!-- function chkform() { var aa = ""; var chkdata = ""; for(i = 0; i < 2; i++) { chkdata = document.form0.chk[i].value; aa = aa + chkdata: } document.write(aa); } //--> </script> <form name="form0"> <input type="checkbox" name="chk" value="A"> <input type="checkbox" name="chk" value="B"> <input type="checkbox" name="chk" value="C"> <input type="button" value="ＯＫ" onClick="javascript:chkform();"> </form> １．式の終わりには「;」セミコロンを必ず記述します。 ２．forの中に「var」を記述するとループの度に初期化されてしまいます。 ＃たぶんこれが一番の間違いでしょう。 ３．配列（chk）の要素指定は [ ] で行います。 ４．（サーバに）送信しない関数をコールする時は、 onSubmitよりもonClickを使用する方が楽（かな？） この関係で <input type="submit"> ではなく <input type="button"> を 使用しました。 ５．関数のコール元で「return 関数名();」と書いた時は必ず戻値を 返す必要があります。今回は「document.write」しているだけなので 「return」は要りません。 ６．今回は使いませんでしたが配列を使用する場合は i_am_aliveさんが書かれた ように「var hoge = new Arry();」と記述する必要があるでしょう。 ７．配列の要素数は「0」からスタートします。1番目の chk の値を取得するには 「chk[0].value」となります。よって i の初期値は 0 です。 わお。いっぱい書いてしまいました。Webで情報を収集するのも良いのですが、 基礎知識はしっかり学習しましょう。基礎あっての応用ですから。(^-^) 頑張って下さい。 【新JavaScript入門】 http://member.nifty.ne.jp/aya/js2/js2_frm.htm 【一撃必殺JavaScript日本語リファレンス】 http://www.openspc2.org/JavaScript/
お礼
できました。 親切にいろいろ教えていただきありがとうございました。 これから基礎知識を勉強しようと思います。
お礼
できました。 ご指摘のとうり勉強不足だと思います。 Ｗｅｂだけではなくこれからは本も見ようと思います ありがとうございました。