如何计算另一个输入框中的html输入框值答案

【问题标题】：How to calculate html input box values in another input box如何计算另一个输入框中的html输入框值
【发布时间】：2018-10-10 14:32:13
【问题描述】：

下表在前两列（不包括 sr.no.）中访问 mysql 表中的值，并提供在第四列中输入“获得的分数”。在获得分数后，我也做了三个栏目，分别是“百分比”、“等级”和备注。当用户在获取的标记列中输入标记并导航到第二行的下一个输入框时，我想自动计算百分比：

<table id = "result" class="data-table">

        <caption class="title"></caption>
        <thead>
            <tr>    
                <th><strong>Sr.No.</strong></th>
                <th><strong>Student ID</strong></th>
                <th align="center"><strong>Student Name</strong></th>
                <th style="text-align: center;"><strong>Obtained Marks</strong></th>
                <th style="text-align: center;"><strong>Percentage</th>
                <th style="text-align: center;"><strong>Grade</strong></th>
                <th style="text-align: center;"><strong>Remarks</strong></th>

            </tr>
        </thead>
        <tbody>
        <?php
        $no     = 1;
        $total  = 0;
        while ($row = mysqli_fetch_array($query)) {
            $stu  = $row['stu_id'] == 0 ? '' : number_format($row['stu_id']);
            echo '<tr>
                    <td>'.$no.'</td>
                    <td>'.$row['student_id'].'</td>
                    <input type="hidden" name="student_id[]" value='.$row['student_id'].'>
                    <td style="text-align: left;">'.$row['student_name'].'</td>
                    <input type="hidden" name="student_name[]" value='.$row['student_name'].'>
                    <td>'."<input name='obtmarks[]' placeholder='' class='form-control'  type='number' required='required' style='width: 120px;'>".'</td>
                    <td>'."<input name='percentage[]' placeholder='' class='form-control'  type='number' required='required' style='width: 120px;'>".'</td>
                    <td>'."<input name='grade[]' placeholder='' class='form-control'  type='number' required='required' style='width: 120px;'>".'</td>
                    <td>'."<input name='remarks[]' placeholder='' class='form-control'  type='number' required='required' style='width: 120px;'>".'</td>
                    <input type="hidden" name="class[]" value='.$row['class'].'>
                    <input type="hidden" name="test_date[]" value='.$test_Date.'>
                    <input type="hidden" name="test_subject[]" value='.$Subject_type.'>
                    <input type="hidden" name="test_type[]" value='.$TestType.'>

                </tr>';

            $total += $row['stu_id'];
            $no++;

        }

        ?>
</tbody>
    </table>

【问题讨论】：

百分比代表什么？
它将是公式的结果 (obtained_marks/total_marks)*100。
您可以使用 Jquery 并根据输入更改（或 keyup）进行计算
@JulesR 你能帮我写一些代码吗..我将非常感激。

标签： javascript php jquery html

【解决方案1】：

您可以通过使用onkeyup('calculateFn()') 的<input type="text"/> 事件来简单地实现这一点。为此，您也有总分来计算您获得的分数的百分比。使用这个脚本

<script>
    var obmarks=document.getElementById("obmarks");
    var totalmarks=document.getElementById("totalmarks");
    var percent=(obmarks/totalmarks)*100;
    document.getElementById("percentage").value=percent;
</script>

这里的 id 是所需文本字段的相应 id。希望对您有所帮助。

【讨论】：