チェックボックスの値を取り出したい

解決済

質問者：yorikiyo
質問日時：2002/04/12 16:18
回答数：2件

こんにちは JavaScript初心者です。
過去ログを見ながらここまでやったのですが、何も表示されません。
？マークの所で引っかかっていると思うのですがどなたかご教授願います。
やりたい事は、チェックボックスのチェックの入った所の値を取り出して表示したいのですが．．．
３つチェックされていてＯＫをクリックした時に、ABC　と出てくるのが理想です。
<html>
<SCRIPT LANGUAGE="JavaScript">
</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>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： i_am_alive
回答日時：2002/04/12 17:16

これでは全然ダメです。

もう少し本なり見て勉強しましょう。

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

- 0
- 件

通報する

この回答へのお礼

できました。
ご指摘のとうり勉強不足だと思います。
Ｗｅｂだけではなくこれからは本も見ようと思います
ありがとうございました。

通報する

お礼日時：2002/04/15 08:49

No.2

回答者： tamaCo
回答日時：2002/04/12 18:50

もう少し！ですよ。

無理に配列使わなくてもできるはず。
ほとんどi_am_aliveさんの回答への着けたしになってしまいましたが、
下記ではいかがでしょう？
＃インデントのため全角スペース入れてます。動作確認してません。

<script language="JavaScript">

</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/

参考URL：http://member.nifty.ne.jp/aya/js2/js2_frm.htm