Question

在下面的代码中，我正在从mysql表访问Student-ID和Student-Name，并提供用户输入获得的分数。当用户输入标记时，jQuery函数会自动计算百分比，并在下一个输入框中显示百分比。有20个学生必须输入分数。一切对我来说都很好，但是jQuery只计算第一个输入框的值并以百分比显示结果，其余19列则什么也不显示。代码如下：-

<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='' type='number' value='' class='1' id='mysecondnumber' style='width: 120px;'>".'</td>

                    <td>'."<input name='obtpercentage[]' placeholder='' type='percentage' value='' class='1' onclick='ShowPercentage()' id='mypercenttextbox ' style='width: 120px;'>".'</td>


                    <input type="hidden" name="class[]" style="text-align: center;" value='.$row['class'].'>
                    <input type="hidden" name="test_date[]" value='.$TestDate.'>
                    <input type="hidden" name="test_subject[]" align="center" value='.$SelectSubject.'>
                    <input type="hidden" name="test_type[]" align="center" value='.$TestType.'>

                </tr>';

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

        }

        ?>
</tbody>
    </table>

这是jQuery脚本：-

<script>
var SecondNumVal = "20";

function ShowPercentage() {

    var $inputs = $('input');
    // get values
    var firstNumVal = $inputs.eq(3).val();
    // compute something
    var percentVal = (firstNumVal / SecondNumVal) * 100;
    // set value
    $inputs.eq(4).val(parseInt(percentVal) + '%').prop('readonly', true);
}

$(document).ready(function() {
    $('#mysecondnumber').on('change blur', ShowPercentage);
});
</script>

我希望jQuery计算所有20个条目的百分比。

如何重复jQuery功能

0 个答案: