[三流君] −−＞
[ＡＳＰで遊ぶ、失敗する] −−＞
[バックナンバー一覧]
−−＞ No.045 HTML FORM INPUT TYPE="CHECKBOX" チェックボックスの入力
HTML FORM INPUT TYPE="CHECKBOX" チェックボックスの入力
本文(発行内容)
＜HTML FORM INPUT TYPE="CHECKBOX" チェックボックスの入力＞
こんにちは、三流プログラマーのＫｅｎ３です。
今回は、
TYPE="CHECKBOX" チェックボックスの入力
について、軽く書きたいと思います。
何かの参考となれば幸いです。
/*
* １．いろいろとやってみたくて
*/
[No.41 POST(Request.Form)/GET(Request.QueryString) で 送られてきた値を表示する]
http://www.ken3.org/backno/backno_asp09.html#41
で、
HTMLフォームから値を受取る処理を書いてました。
TYPE="CHECKBOX" チェックボックスの入力テスト
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
このメルマガでやってほしいことにチェックを入れてください
□HTMLから詳しく丁寧に
□VBScriptをもっと詳しく
□ゲーム作ろうよ
と３つのチェックボックスで下記のＨＴＭＬでテストしました。
<INPUT TYPE="CHECKBOX" NAME="c_1" VALUE="on">HTMLから詳しく丁寧に<BR>
<INPUT TYPE="CHECKBOX" NAME="c_2" VALUE="on">VBScriptをもっと詳しく<BR>
<INPUT TYPE="CHECKBOX" NAME="c_3" VALUE="on">ゲーム作ろうよ<BR>
http://www.ken3.org/cgi-bin/test/test041-1.asp でテストできます。
基本的には、
NAME=と項目名を付けて、
VALUE=でチェックされた時渡す値
の２つがACTIONで指定したCGI(ASP)へ渡されることを確認しました。
読者代表の心の中＞別になんの問題も無いよ、三流君らしくないけど（笑）
誉められてるのか、けなされてるのかは置いといて、
今回は、いろいろとテストしてみます。
/*
* ２．VALUE="on"じゃつまらないので、値を変えてみる
*/
まずは、軽めに
<INPUT TYPE="CHECKBOX" NAME="c1">HTMLから詳しく丁寧に<BR>
<INPUT TYPE="CHECKBOX" NAME="c2" VALUE="VBScript">VBScriptをもっと詳しく<BR>
<INPUT TYPE="CHECKBOX" NAME="c3" VALUE="GAME">ゲーム作ろうよ<BR>
と、
VALUE無しのパターン と VALUEの値を指定(VBScript,GAME)してみた。
http://www.ken3.org/cgi-bin/test/test045-1.asp
でテスト用に値の表示と入力を行ってみた。
<FORM ACTION="test045-1.asp" METHOD="POST">
<font color="blue">TYPE="CHECKBOX" チェックボックスの入力テスト</font><br>
このメルマガでやってほしいことにチェックを入れてください<br>
<INPUT TYPE="CHECKBOX" NAME="c1">HTMLから詳しく丁寧に<BR>
<INPUT TYPE="CHECKBOX" NAME="c2" VALUE="VBScript">VBScriptをもっと詳しく<BR>
<INPUT TYPE="CHECKBOX" NAME="c3" VALUE="GAME">ゲーム作ろうよ<BR>
<INPUT TYPE="submit" NAME="btn1" VALUE="送信">
</FORM>
全てをチェックしてみると、
項目名 値
c1 on
c2 VBScript
c3 GAME
と値を受取りました。
VALUE無し
~~~~~~~~~
<INPUT TYPE="CHECKBOX" NAME="c1">
の場合は、onを受取ることがわかりました。
VALUE="XXXX"と指定
~~~~~~~~~~~~~~~~~~
当然、指定したXXXXを受取れます。
/*
* ３．項目名が同じだとどうなるか？
*/
VALUEの値の指定、まぁ読んでいて普通だったかなぁ。
指定しないとデフォルトのon 指定すれば指定値ってことで。
私、CHECKBOXは項目のON/OFFだから
□HTMLから詳しく丁寧に
□VBScriptをもっと詳しく
□ゲーム作ろうよ
上記３つの項目に対してON/OFFのチェックを取りたい場合は、
<INPUT TYPE="CHECKBOX" NAME="c1">HTMLから詳しく丁寧に<BR>
<INPUT TYPE="CHECKBOX" NAME="c2" VALUE="VBScript">VBScriptをもっと詳しく<BR>
<INPUT TYPE="CHECKBOX" NAME="c3" VALUE="GAME">ゲーム作ろうよ<BR>
と
NAME=c1,c2,c3 項目名を３つ指定して、値を受取ってました。
下記のようにチェックボックスなのに１つの項目にすると、
<INPUT TYPE="CHECKBOX" NAME="kibou" VALUE="HTML">HTMLから詳しく丁寧に<BR>
<INPUT TYPE="CHECKBOX" NAME="kibou" VALUE="VBScript">VBScriptをもっと詳しく<BR>
<INPUT TYPE="CHECKBOX" NAME="kibou" VALUE="GAME">ゲーム作ろうよ<BR>
どうなるか？
答えはＣＭの後で
~~~~~~~~~~~~~~~~
-- ＣＭ Ｋｅｎ３が http://www.ken3.org/ で使っているレンタルサーバーの紹介
http://www.ken3.org/asp/server.html
※Access MDB / SQL Server がServer.CreateObject("ADODB.Connection")で使えます
※BASP21でメールが送信可能。Server.CreateObject("basp21pro") で使えます。
http://www.ken3.org/asp/server.html (月額少し高いけど安定してますよ)
-- ここまでＣＭ
じゃなくって、
http://www.ken3.org/cgi-bin/test/test045-1.asp
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
で実際にテストしてもらうとわかりますが、
項目名 値
kibou HTML, VBScript, GAME
と
HTML, VBScript, GAME
選択された項目の値をカンマ区切りで受取れます。
１つ２つ選択時、何も選択しなかった場合など、チェックして遊んでください。
/*
* ４．終わりの挨拶 ＜／ＨＴＭＬ＞
*/
今回は、
よく使われるON/OFFの入力(チェックボックス)
の小話でした。
ポイントは、
・VALUEで値の指定ができます。
・同じ名前の項目名NAME=XXXXを指定すると選択項目がカンマで区切られて渡されます
ぐらいかなぁ。
入力処理の参考になれば幸いです。
素朴な疑問あったら、気軽に、
メール、掲示板に書き込んでくださいね。
掲示板 : http://www.ken3.org/asp/bbs-asp.html
ＡＳＰ、ＶＢＳｃｒｉｐｔ勉強中の三流プログラマーのＫｅｎ３でした。
----------------------------------
関連項目(ただのバックナンバー紹介)
----------------------------------
[No.41 POST(Request.Form)/GET(Request.QueryString) で 送られてきた値を表示する]
http://www.ken3.org/backno/backno_asp09.html#41
のGET(Request.QueryString) を参考に
フィードバック
ASP系の→[掲示板]←を覗く、質問を書き込む
評価・感想
三流君の主なリンク先
[アクセスランキング]
[サイトマップ]
[リンク先・相互リンク先など]
Ken3の日記(weblog) --
[広告・副収入系]
[プログラマー業務の愚痴]
[VBA系の話題]
[ASP系の話題]
[コンビニ系ネタ]
[その他]
その他 宣伝広告