form の checkbox の配列 name の選択値を confirm画面に出すには？

解決済

質問者：noname#19070
質問日時：2006/05/23 14:20
回答数：2件

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

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

通報する

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

質問の本文を隠す

回答 (2件)

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

No.1ベストアンサー

回答者： noname#22259
回答日時：2006/05/23 15:27

<!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">

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

- 0
- 件

通報する

この回答へのお礼

早速のご回答ありがとうございます。
おかげさまで助かりました。
この方法ですと、もとのcheckboxを変更しても、こちらは変更不要で、たいへん便利ですね。
これぞ配列さまの醍醐味でしょうか！
いままで、配列はむずかしそうで敬遠していましたが、今後は積極的に使っていこうと思います。

ところで、xepharos様には以前にも助けていただいたことがございます。
質問No.2050190。ご回答日時：06-03-25/10:02 です。
今後もどうぞよろしく！！

通報する

お礼日時：2006/05/24 09:24

No.2

回答者： yambejp
回答日時：2006/05/23 21:49

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