フォーム入力欄を複数用意する方法と入力されたデータの個数を把握する方法

前提・実現したいこと

初心者です。PHPで麻雀の成績を管理したいです。
フォーム入力欄を複数用意する方法と入力されたデータの個数を把握する方法を知りたいです。

発生している問題・エラーメッセージ

データの個数によって平均着順を求める時の割る値が変わるので、そこを解決したいです。

該当のソースコード

test.php

<html>
<head>
  <meta charset="utf-8">
  <title>収支表</title>
  <link rel="stylesheet" type="text/css" href="stylesheet.css">
</head>
<body>
  <h1>成績表</h1>

  <form action='index.php'　method='get'>
    <p>成績</p>
    <input name='pay1' type='text' size=4>
    <input name='pay2' type='text' size=4>
    <input name='pay3' type='text' size=4>

    <p>着順</p>
    <input name='rank1' type='text' size=1>
    <input name='rank2' type='text' size=1>
    <input name='rank3' type='text' size=1>


    <input type='submit'>
    <div>
      <p>収支</p>
      <?php echo ($_GET['pay1']+$_GET['pay2']+$_GET['pay3']);?>
      <p>平均着順</p>
      <?php echo (($_GET['rank1']+$_GET['rank2']+$_GET['rank3'])/3);?>
    </div>
  </form>
</body>
</html>

m.ts10806

2018/04/20 04:59

質問編集画面タイトル横にある「初心者アイコン」をご活用ください。「初心者」と質問で書くよりも伝わります。

m.ts10806

2018/04/20 05:00

「フォーム入力欄を複数用意する」とはどういう状態を意図していますか？具体的に解説するか図示してください。

omaru

2018/04/20 05:05

「フォーム入力欄を複数用意する」について、現在は成績や着順を入力するフォームを<imput>を何回も使用して用意していましたが、他にいい方法がないか、ということです。よろしくお願いします。

m.ts10806

2018/04/20 05:12

固定個数準備なのか、例えばボタン押下で増やしたり減らしたりその場でするのかで変わってきますが、ひとまず固定個数のやり方を回答にしようと思います。

omaru

2018/04/20 05:26

よろしくお願いします！

行動規範の内容に同意します

回答1件

ベストアンサー

コメントしたとおり、固定の場合は下記のような感じです。
※ザッと作ってザッと動作確認しただけなのでもしかしたら想定通りに動かないところもあるかもしれませんが、ヒントにはなるはずです。

php
1<?php
2$count = 3;// フォームの個数
3
4$pay = 0; //出力する収支
5$rank = 0; ///出力する平均着順
6
7$pay_html = ""; //成績入力HTML
8$rank_html = ""; //着順入力HTML
9for($i=1;$i<=$count;$i++){
10    $pay_default = 0;
11    $rank_default = 0;
12    if(isset( $_GET["pay{$i}"])){
13        $pay += $_GET["pay{$i}"];
14        $pay_default = $_GET["pay{$i}"];
15    }
16    if(isset( $_GET["rank{$i}"])){
17        $rank += $_GET["rank{$i}"];
18        $rank_default = $_GET["rank{$i}"];
19    }
20
21    $pay_html .= "<input name='pay{$i}' type='text' size=4 value='{$pay_default}'>";
22    $rank_html .= "<input name='rank{$i}' type='text' size=4 value='{$rank_default}'>";
23}
24
25if($rank > 0){
26    $rank = ($rank / $count);
27}
28?>
29
30<html>
31<head>
32  <meta charset="utf-8">
33  <title>収支表</title>
34  <link rel="stylesheet" type="text/css" href="stylesheet.css">
35</head>
36<body>
37  <h1>成績表</h1>
38
39  <form action='index.php'　method='get'>
40    <p>成績</p>
41    <?php echo $pay_html ?>
42
43    <p>着順</p>
44    <?php echo $rank_html ?>
45
46    <input type='submit'>
47    <div>
48      <p>収支</p>
49      <?php echo $pay?>
50      <p>平均着順</p>
51      <?php echo $rank?>
52    </div>
53  </form>
54</body>
55</html>
56

作りたい入力コントロールの個数分ループして作るものです。
最初の$count= 3;の3を書き換えればその分増えますし、自動で計算してくれるはずです。

また、今回は入れていませんが、入力チェックが必要です。
数字じゃない情報が送られてきた場合、計算がうまくいきません。

またコメントで書いた「ボタン押下で増やしたり減らしたり」を実装したい場合は、入力コントロールを動的に増やす必要があります。
javascriptでボタン押下時に入力コントロールを追加していき、そのたびにname部分のrankX、payXのX部分を加算していく必要があります。
色々と管理するデータが多くなるのですが、動的にコントロールを生成して扱うところはやってみると結構実力がつきますし、技術として持っておいて損はないのでぜひ挑戦してみてください。

補足：
提示のコードでは配列のキー未定義エラーがでるかと思います。
isset(),array_key_exists()などでチェックした上で使った方が良いかと思います。
ひとまずエラー表示はOnにしておきましょう。

投稿2018/04/20 05:28

m.ts10806

総合スコア80850