- ベストアンサー
form の checkbox の配列 name の選択値を confirm画面に出すには？
form の checkbox の name を配列で記述しました（ PHP で受け取るのに便利なので）が、checked value を confirm画面に出すことができません。 ご存知の方、お教えください。 ソースおよび分からない部分はつぎのとおりです。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www/w.w3.org/TR/REC-html14/loose.dtd"> <HTML> <HEAD> <META http-equiv=content-type content="text/html;charset=Shift_JIS"> <TITLE>よろしくお願いします。</TITLE> <META http-equiv=content-Style-type content="text/css"> <script type="text/javascript"> <!-- function conf(tfm) { wrt = "選択項目は以下でよろしいですか？\n\n" /* この部分に書くべき script がわかりません。 よろしくお願いいたします。m(_ _)m */ confirm ( wrt ) ; } //--> </script> </HEAD> <BODY> <form name=tfm action="http://localhost/form.php" method=post> <BR>選択してください。（複数選択可）<BR><BR> <input type=checkbox name="abc[]" value="A ">A, <input type=checkbox name="abc[]" value="B ">B, <input type=checkbox name="abc[]" value="C ">C, <input type=checkbox name="abc[]" value="D ">D, <input type=checkbox name="abc[]" value="E">E<BR><BR> <input type=button value="確 認" onClick="conf(tfm)"> <input type=reset value="キャンセル"> </form> </BODY> </HTML>
- JavaScript
- 回答数2
- ありがとう数3
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www/w.w3.org/TR/REC-html14/loose.dtd"> <HTML> <HEAD> <META http-equiv=content-type content="text/html;charset=Shift_JIS"> <TITLE>よろしくお願いします。</TITLE> <META http-equiv=content-Style-type content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <script type="text/javascript"> <!-- function conf() { var val=[]; var el=document.forms['tfm'].elements['abc[]']; for(var i=0;i<el.length;i++){ if(el[i].checked==true){ val[i]=el[i].value; }} wrt = "選択項目は以下でよろしいですか？\n\n" +val.join('/') confirm ( wrt ) ; } //--> </script> </HEAD> <BODY> <form name="tfm" action="http://localhost/form.php" method="post"> <BR>選択してください。（複数選択可）<BR><BR> <input type=checkbox name="abc[]" value="A ">A, <input type=checkbox name="abc[]" value="B ">B, <input type=checkbox name="abc[]" value="C ">C, <input type=checkbox name="abc[]" value="D ">D, <input type=checkbox name="abc[]" value="E">E<BR><BR> <input type=button value="確 認" onClick="conf()"> <input type=reset value="キャンセル"> </form> </BODY> </HTML>
その他の回答 (1)
- yambejp
- ベストアンサー率51% (3827/7415)
<script type="text/javascript"> function conf(f) { var txt=""; for (var i=0;i<f.length;i++){ if(f[i].checked==true && f[i].name=="abc[]") txt+=((txt=="")?"":",")+f[i].value; } if (txt=="") txt="データ無し"; wrt = "選択項目は以下でよろしいですか？\n\n" wrt +=txt confirm ( wrt ) ; } //--> </script> </HEAD> <BODY> <form action="http://localhost/form.php" method=post> <BR>選択してください。（複数選択可）<BR><BR> <input type=checkbox name="abc[]" value="A">A <input type=checkbox name="abc[]" value="B">B <input type=checkbox name="abc[]" value="C">C <input type=checkbox name="abc[]" value="D">D <input type=checkbox name="abc[]" value="E">E<BR><BR> <input type=button value="確 認" onClick="conf(this.form)"> <input type=reset value="キャンセル"> </form>
お礼
ご回答ありがとうございます。 このような書き方もあるのですね。 配列は奥が深いですね。 yambejp様にも最高点をさしあげたいのですが、今回はご回答順にさせていただきますので、よろしくご了承のほどお願い申し上げます。
お礼
早速のご回答ありがとうございます。 おかげさまで助かりました。 この方法ですと、もとのcheckboxを変更しても、こちらは変更不要で、たいへん便利ですね。 これぞ配列さまの醍醐味でしょうか！ いままで、配列はむずかしそうで敬遠していましたが、今後は積極的に使っていこうと思います。 ところで、xepharos様には以前にも助けていただいたことがございます。 質問No.2050190。ご回答日時：06-03-25/10:02 です。 今後もどうぞよろしく！！