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>