• ベストアンサー

[Javascript]画面上にあるチェックボックスの数！

こんばんは。 ＡＳＰで自動生成（動的ページ）されるページにて、 表示されているチェックボックスの数をＪａｖａＳｃｒｉｐｔで調べることはできませんか？ したいことは、ボタンを２つ置いておき、１つはクリックで全部チェックＯＮ，もうひとつはＯＦＦということをしたいのです。 宜しくお願いいたします。

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

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

再度失礼します。 一つ忘れてました。 表示されるチェックボックスが一つしかなかった場合、そのときはinput要素が配列としてソートされません。 それらの要素を配列としてソートするためには、その要素が複数存在する必要があります。 もしチェックボックスが一つだけになるケースもあるのであれば、チェックボックスが一つになっている状態は「if (!document.form1.chkbox1.length){}」という条件分岐で拾ってそのときの処理を別に用意し、それ以外のケースではチェックボックスが複数あるものとして扱う処理を記述すればよいと思います。 失礼しました。

その他の回答 (2)

  • todo36
  • ベストアンサー率58% (728/1234)
回答No.3

for (f = 0; f < document.forms.length; f++){ for (e = 0; e < document.forms[f].elements.length; e++){ if(document.forms[f].elements[e].type == "checkbox") document.forms[f].elements[e].checked = true; } }

noname#199778
noname#199778
回答No.1

HTMLで1ページ内に含まれるinput要素は、JavaScriptでは配列としてソートされているはずですので、 document.form1.chkbox1.length というような記述でチェックボックスの数を取得できると思います。 form1はform要素につけたID(name)、chkbox1はチェックボックスのinput要素につけたID(name)に置き換えてください。 おそらくこれで良いと思いますが…見当違いでしたらごめんなさい。

zenon55
質問者

補足

有難う御座います。 １つテキストボックスを作って値を表示してみましたが・・・「undefined」でした・・・。 やはり無理なのでしょうか・・・（泣）

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

関連するQ&A

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

    困ってます。 前回ボタンクリックでチェックボックス768個を全部ONにしたりOFFにしたりするプログラムを教えてもらい何とかできたのですが、768個のチェックボックスを1個1個押したときのプログラムを一つにまとめたい場合は、どうすればよかったのでしょうか。 前回教えてもらった物をヒントに作ったのですが思った動きをしません。 初心者にわかりやすく教えてもらえますか。 ボタンクリックと同じ場所に飛ばしているせいか 　Select Case DirectCast(sender, Button).Name のbuttonでエラーが出ることが分かっています。 ただいろいろやりましたがSelectCase文で行っても1個のチェックボックスには反応しますがほかのチェックボックスは無視します。 よろしくお願いします。

  • チェックされたチェックボックスの数を調べるには？

    不定数のチェックボックスがあり、ボタンを押すとチェックされた項目の数を返すようにしたいのですが、どのように記述すれば良いでしょうか？ 例えばチェックボックスが５個あり、そのうちの３個がチェックされている状態でボタンを押すと、アラートで３と表示する、といった感じです。

  • Javascript? チェックボックスと・・・・

    HTMLのチェックボックスやラジオボタンのタグで、 チェックをつけずに次の画面へアクションをおこすと ”チェックつけなさい”ポップアップ画面を表示させたいのですがJavaScriptなのでしょうか？ 記述方法をよろしくお願いします。

    • ベストアンサー
    • Java
  • エクセルのチェックボックスについて

    エクセルでアンケートのようなチェック項目がある物を作っているのですが、フォームのチェックボックスは「オン」「オフ」しかないので、次のようなことが出来なくて困っています。 例） □　今日の天気は晴れです。 □　今日の天気は雨です。 □　今は午前です。 □　２月は英語でＦｅｂｒｕａｒｙです。 □　１＋１＝２です。 　　　・ 　　　・ 　　　・ 以上のようにチェック項目があり、該当するところにチェックをつけ、チェックされた数を出します。 また、項目が必要のない時は、例えば二重線（エクセルでは取消線は一本ですが）で消して、消した項目以外の数をだす、というような物です。 この二重線で消すという操作を、チェックボックス上でクリックするだけで、「オン」→「オフ」→「どちらでもない（？）」というようなことは出来るのでしょうか。 チェックボックスのコントロールの書式設定のコントロールタブの中に、「淡色表示」というのがあるのですが、これを「オン」「オフ」と同じようにワンクリックのみで出来たらと思い、質問させていただきました。 分かりにくい質問で大変申し訳ありませんが、どうかお知恵をおかしください。 また、発送の転換で「こんな方法はどう？」などというのがありましたら、お願いいたします。

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

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

    • ベストアンサー
    • HTML
  • PHPのチェックボックス受け渡し

    現在、PHPにて以下の機能を作りたいと思っています。 表の各マスの中に　○　または　×　が入っている。（データベースから取得します） 「編集」ボタンを押すと、○はチェックボックス（オン）に、×はチェックボックス（オフ）に変化する。 ユーザーはチェックボックス（オン/オフ）の操作をする。 「更新」ボタンを押すと、操作の結果に応じて、チェック（オン）は○に、チェック（オフ）は×に変化する。 データベースの更新を行う。 データベースから○/×の取得までは出来たのですが、 チェックボックスと表示の受け渡し方法が分かりませんが、どうしたら良いのでしょうか？

    • 締切済み
    • PHP
  • javascriptのわかる方へ

    ASP初心者です。 現在、ASPで開発をしています。 script言語はjavascriptを使っています。 ASPだけでなく、javascriptも初心者なので、本を読んでもさっぱりわかりません。 そこで質問いたします。 テキストボックスに値を入力させ、ボタンがクリックされたら、次のページで入力内容を表示させたいのですが、 １．次のページを表示させるにはどのように記述するのでしょうか？ ２．入力された値を次のページで参照するにはどのように記述すればよいのでしょ うか？ よろしくおねがいします。m(_ _)m

  • ＡＳＰ：チェックボックスについて

    アンケートページを作成中です。HTMLでチェックボックスを作りました。テキストベースかエクセルベース（縦並び）でアンケートの答えを書き出し集計をとる予定です。まず、ラジオボタンに対してのＡＳＰは分かったのですが、チェックボックスに対してのＡＳＰが分かりません。複数チェックが出来なくなってしまったり、結果（テキストやエクセル）にアンケートの答えが出なく”；；”表示になってしまいます。分かる方、どうか教えてください。ＡＳＰ初心者です。よろしくお願いします。

  • PHPでチェックボックスの結果を離れた配列に入れる

    PHPにて、複数あるチェックボックスの操作結果(オン/オフ)を変数に格納する方法を探しています。 予定として プログラム実行 → ボタンが1つと、チェックボックスが複数表示される → チェックボックス操作 → ボタンを押す → 複数のオン/オフ状況が配列に格納される といったものを作りたいと考えています。 現在はそのためのテストとして、ボタンを押した際のオン/オフの状況が画面に順に表示されるものを作っていますが、変数がUndefined Indexであると言われ、表示することができません。 現在のプログラムは下の通りです。 実際のプログラム上では、(1),(2),(3)はそれぞれソース内のかなり離れた場所にあります。 各チェックボックス（各<form>～</form>）毎にボタンを用意していないのが原因であるとは思うのですが、ボタンは特定の箇所に1つだけ用意したいと考えています。 またチェックボックス表示部とボタン表示部は（ソース的に）離れているため、 ボタン表示部で<form>を開いて、開いたまま進み、チェックボックス表示部が終わってやっと閉じる、という方法は難しいと思います。 どうすればチェックボックスの結果を離れた箇所にある配列に入れることができるのでしょうか。 宜しくお願いします。 [regist.php] <?php //(1) 更新ボタンを押すとチェックボックスのon/off結果が表示される if(isset($_POST['cmd_Print'])){ $check = $_POST["cb"]; for($i=0; $i<count($check); $i++){ print "${check[$i]}<br>"; } } //(2) 更新ボタンの表示 print("<form method=\"post\" action=\"regist.php\">"); print("<input type=\"submit\" name=\"cmd_Print\" value=\"結果表示\">"); print("</form>"); //(3) チェックボックス（on,off）を交互に表示 for($i=0; $i<5; $i++){ //チェックボックスをオンの状態で表示 print("<form method=\"POST\" action=\"./regist.php\">"); print sprintf('<input type="hidden" name="cb[]" value="off">'); print sprintf('<input type="checkbox" name="cb[]" value="on" checked="checked">'); print("</form>"); //↑チェックボックス操作後、オフの状態なら$cb[]に"off"を、オンの状態なら$cb[]に"on"を入れる //チェックボックスをオフの状態で表示 print("<form method=\"POST\" action=\"./regist.php\">"); print sprintf('<input type="hidden" name="cb[]" value="off">'); print sprintf('<input type="checkbox" name="cb[]" value="on">'); print("</form>"); //↑チェックボックス操作後、オフの状態なら$cb[]に"off"を、オンの状態なら$cb[]に"on"を入れる } ?>

    • 締切済み
    • PHP
  • JavaScriptとチェックボックスで画像の切替

    今月に入りJavaScriptの勉強を始めましたところ、 チェックボックスを使った画像の切り替えができなくて困っています。 具体的にはチェックボックスをチェックしたら画像を切り替えさせたいだけなのですが 対象画像一つに対してチェックボックスで切り替えることはできました。 しかし複数の画像にIDを割り当てて各々に対応するチェックボックスを クリックすると画像を切り替えることができません。 勿論各々の画像毎に関数を追加していけば切り替えはできるのですが 一つの関数ですっきり収めたいのです。 作成したコードは以下に記しておきます。 どうかよろしくお願いいたします。 <script type="text/javascript"> function sample(imageID,checkbox) { if (checkbox.checked) { document.getElementById(imageID).src = "on.png"; } else { document.getElementById(imageID).src = "on.png"; } } </script> <img src="off.png" id="test1" alt="" /> <img src="off.png" id="test2" alt="" /> <form> <input type="checkbox" onClick ="sample(test1','this')" /> <input type="checkbox" onClick ="sample(test2','this')" /> </form>

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する