php SQL表单网格选择和计数器

Question

! http://i63.tinypic.com/zn8z6x.png
我的任务是将这个表单可视化到一个网站中，并提供该表单的可能性。
这是用于鸡肉屠宰场，用于检查重量。您可以在表格上插入“重量范围”，例如 1000 克。
然后应该可以从网格中选择可能的权重。如果全部填写，则数据应发送到数据库。
例如，如果您选择+50，数据库应记录1050克。
我并不是要求为我制作表格，但我想问这是否至少有一点可能。 如果可能的话，如何从网格和计数器开始

提前致谢!

Answer 1

通过表格使用简单的网格生成。

$(document).ready(function () {
  var cols = 10;
  var rowsMax = 100;
  var rowsMin = -100;
  var rowDiff = 20;
  var rowVal = rowsMax;
  var t = $('table');
  
  while (rowVal >= rowsMin) {
    var tr = '<tr>';
    for (var col = 0; col < cols; col++) {
      if (col == 0) {
        tr += '<td>'+rowVal+'</td>';
      }

      if (rowVal == rowsMax) {
        t.find('tfoot tr').append('<td class="col-'+col+'">0</td>');
      }
      tr += '<td><input type="radio" name="weigh['+col+']" data-col="'+col+'" value="'+rowVal+'"></td>';
    }
    tr += '</tr>';

    t.find('tbody').append(tr);
    
    rowVal -= rowDiff;
  }
  
  $('table tbody input').change(function () {
    $('tfoot .col-'+$(this).data('col')).text(parseInt($('#base').val()) + parseInt($(this).val()));
  })
});

td {
  padding: 10px;
  border: 1px solid #ddd;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="base" placeholder="Enter weight base."/>g

<table>
  <tbody>
  
  </tbody>
  <tfoot>
    <tr>
      <td>Total</td>
    </tr>
  </tfoot>
</table>