• ベストアンサー

チェックボックスのオンオフを得るには？

素人です。 チェックボックスのオンオフの情報をJavaScriptで得るにはどんな構文を打ったらいいでしょうか？ msg = document.[フォームの名前].[チェックボックスの名前].value; で得ることはできないでしょうか？

質問者が選んだベストアンサー

  • ベストアンサー
noname#22259
noname#22259
回答No.2

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html><head><title>Untitled</title> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <script type="text/javascript"> function CheckIt(){ var msg=''; var el=document.f1.elements; for(var i=1;i<=el.length-1;i++){ if(el['c'+i].checked) msg +='・ '+el['c'+i].value+'\n'; } alert('チェックされたのは\n\n'+msg+'\nです') } </script> </head><body> <form name="f1"> <input type="checkbox" name="c1" value="Tokyo">東京 <input type="checkbox" name="c2" value="Yokohama">横浜 <input type="checkbox" name="c3" value="Kawasaki">川崎 <input type="button" value="Check" onclick="CheckIt();"> </form> </body> </html>

sasakuri
質問者

お礼

分かりやすいソースをありがとうございます。

その他の回答 (1)

  • BLUEPIXY
  • ベストアンサー率50% (3003/5914)
回答No.1

document.[フォームの名前].[チェックボックスの名前].value; は、value で設定された値 チェックの有無は document.[フォームの名前].[チェックボックスの名前].checked; で true or false でチェックの有無が調べられます

sasakuri
質問者

お礼

ありがとうございます。 checkedというところが肝でしたね。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • テキストＢＯＸがｎｕｌｌの時だけチェックボックスのオンオフをしたい

    タイトルのとおりです。 テキストボックスの中身が何も無い時だけ、 チェックボックスのオンオフを可能にさせるには javascriptでどう書けばいいのでしょうか？

  • EXCELでチェックボックスの一括オンオフ

    EXCEL2000を使用してます。 アンケート作成をしており、設問毎にチェックボックスで複数選択できるようにしていますが、１つの設問にチェックボックスが８～１０等多くあるため、設問毎にチェックボックスの一括オンオフができるようにしたいのです。 今は、次の記述で、ある設問のみ全てのチェックボックスにレが入りますが、はずす事ができません。 Sub チェック11_Click() ActiveSheet.CheckBoxes(Array(1, 2, 3)).Value = True End Sub どうすれば、チェック11のボックスで、オンオフができるのでしょうか？ どうか教えて頂きますよう、よろしくお願い致します。

  • チェックボックスのチェックした項目の名前を取得したいです。

    チェックボックスのチェックした項目の名前を取得したいです。 HTML+Javascript+CGIでアンケートフォームを作っています。 送信ボタンを押したときに確認画面を表示させたいのですが、チェックボックスの項目をどう扱って良いのかわかりません。 性別を選択するラジオボタンの値の取得（男をチェックしたか、女をチェックしたか）は sex = document.mailform.sex[0].checked ? document.mailform.sex[0].value : document.mailform.sex[1].value このように出来るとのことですが、チェックボックスはどうしたら良いのでしょうか？ 好きな食べ物を聞くチェックボックスで、選択項目に ・リンゴ・バナナ・ミカン・イチゴ を用意し、チェックされた項目を 好きな食べ物：リンゴ イチゴ の用に出力したいと思っています。 よろしくお願いします。

  • JavaScriptにて、2つのチェックボックスのチェックができません

    お世話になっております。 お分かりになる方いらっしゃいましたら、ご教授願えますでしょうか？ 現在採用に関する応募フォームを作成しています。 JavaScriptにてフォーム内のチェックボックスに チェックが入っているか、必須チェックをさせたいと思っています。 テキストボックスやコンボボックスなど、いくつか必須チェックがある中で、 チェックボックスの項目についての必須チェックがうまくいきません。 チェック完了後、cgiにてメールを送信するようにしているのですが、 チェックがされず、メールを送信してしまいます。 ローカルで行ってみたのですが、チェックをスルーして、 cgiに遷移してしまいます。 フォームイメージは以下の感じです。 <応募フォーム> --------------------------- 希望勤務地：□本社　□大阪 --------------------------- 2つのチェックボックスどちらにもチェックが入っていない場合は、 エラーメッセージを出し、処理を中止します。 どちらのチェックボックスにもチェックが入っていても、 エラーは出さずにcgiへ遷移します。 以下は現在のコードの内容です。 <HTMLコード> <form method="POST" action="send.cgi" name="応募フォーム" onSubmit="return check()"> <input type="checkbox" name="希望勤務地" value="本社" checked>本社 <input type="checkbox" name="希望勤務地" value="大阪">大阪 <input type="submit" value=" 送信 "> <input type="reset" value=" 取消 "> <Scriptコード> function check(){ if(!document.応募フォーム.希望勤務地.value.checked){ flag = 1; window.alert('必須項目[希望勤務地]にチェックがされていません'); } } 色々試してみたのですが、うまくいきませんでした。 チェックボックスのnameを同じ名前にしているのが原因でしょうか？ お手数ですが、宜しくお願いいたします。

  • チェックボックスの一括チェック

    ボタンをクリックしたときに チェックボックスの一括チェック が行われるようにしたいのです チェックボックスの名前は g1 g2 g3 g4 g5 g6 フォーム名は mlForm なので <script language="Javascript"> function zen_cl1() { document.mlForm.g1.click(); document.mlForm.g2.click(); document.mlForm.g3.click(); document.mlForm.g4.click(); document.mlForm.g5.click(); document.mlForm.g6.click(); } </script> ボタンを <input name="zencheck" type="button" id="zencheck" onClick="zen_cl1()" value="全部選択／解除"> このように書くと エラーが起こるのです いい方法はないでしょうか

    • ベストアンサー
    • HTML
  • チェックボックスかテキストボックスか調べる方法

    document.myForm.elements[buf].checked; ・・・ でチェックする対象が、テキストボックスなのか、 チェックボックスなのか調べたいのです。 あらかじめわかっていれば　checked なり、value を追記すればおもうのですが、cgi などで吐き出した html でチェックするフォームが毎回変わる場合、 チェックボックスがいくつあるのか、テキストボックス がいくつあるのかわからない場合があります。 何か良い方法がないでしょうか。

  • チェックボックスをクリックしたら、テキストに入力出来る様にしたいです

    今メールフォームを作っています。 チェックボックスにチェックしたら、テキストフィールドに記入しないと、 エラーがでる様にJavascriptでチェックをかけたいのですが教えて頂けませんでしょうか。 下記のようなフォームにしたいです。 ■フォーム これをあなたは何処で知りましたか？ チェックボックス1　新聞 チェックボックス2　テレビ チェックボックス3　その他 テキストフィールド　その他を選んだ方は記入して下さい。 このチェックボックスは必須にして、 チェックボックス1～3までのどれかをチェックしないとアラートを表示したいです。 また、チェックボックス3を選択したのにテキストフィールドに入力していない場合も アラートを表示したいです。 上記のalertは送信ボタン<input name="submit" type="submit" value="情報を送信する"> を押した際に出したいです。 この様なチェックボックスのグループを同じフォームに2つ作りたいです。

  • チェックボックスでの値を足してそれぞれの結果を表示したい

    はじめて投稿します。超ウルトラ初心者ですが非常に困っていますので、どなたか助けてください。HTMLはなんとか読めますが、Javascriptは初めてで1週間前に本を買って調べたり、ＨＰ検索してみたりしましたが、どうしても分かりません。 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); } ・ 　　　　・（以下９までつづく） 　　　　・ } } document.f1.tp1.value= a; document.f1.tp2.value= b; 　　　　・ 　　　　・（以下９まで） 　　　　・ } //--> </SCRIPT> <INPUT type="checkbox" name="ts1" value="1"> （同じく90つづく"ts1"がts2.3.4.・・・ <INPUT type="button" value="診断" onClick="test(this.form)">　 すごく馬鹿にされるようなタグかもしれませんが、本を片手に毎日悪戦苦闘しながらつくりました。 たぶん肝心のところがちがっていると思うのですが、それが何かも分かりません。身の程知らずなのは重々承知の上で投稿しました。よろしくお願いします。

  • チェックボックスのチェック

    チェックボックスのチェックして送信した後のページから送信前のページに戻るとチェックボックスがチェックされた状態でブラウザで表示されます 1 2ここにチェックを入れて削除すると 3 1 3戻るを押した時にここにチェックが入ってしまいます javascriptで戻るボタンをつくっていますが他にチェックが残らずにに戻る方法はありますか？ <input type=button value="戻る" onClick="history.back()"> よろしくお願いします

    • ベストアンサー
    • HTML
  • チェックボックスのチェックをつけたら

    まだJavaScriptかじりたてで,未熟ですみません。 出来るかどうかも分からないのですが, HPから小ウィンドウを開き、その小ウィンドウ内にチェックボックスと名前があります。 「チェックボックス」にチェックをつけた人の名前を、ボタンもなにも押さずに閉じるで、小ウィンドウを閉じたらもとのHPの指定した場所に名前を表示する事ってできるのでしょうか？ ちなみに人は複数選択する可能性もあります. もしできたら、実践してみたいのですが、教えていただけないでしょうか？すみません。よろしくおねがいします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する