Javascript 通过JQuery使输入[number]字段依赖于另一个输入[number]字段

每个

输入

字段都应取决于总测验分数（

输入

字段）。我只想设置一个

属性：max

，它应该

小于或等于总测验分数。
我正在附上一张快照&我相信它会清晰的。

&我还附加了我的html代码：

<form action="../controllers/classroom.php" method="POST">      
    <input type="number" class="form-control" id="totalMark" name="totalMark" placeholder="Enter quiz mark" required>
    <div class="row">
    <?php
        $count=0;
        $query4="SELECT * FROM enrollments WHERE classId='{$classId}'";
        $res4=mysqli_query($connection, $query4);

        while($row=mysqli_fetch_array($res4)){
            $count++;
    ?>
            <div class="col-md-2">#<?php echo $count; ?></div>
            <div class="col-md-6"><?php echo ucwords(getUser($row['userId'])['name']); ?></div>
            <div class="col-md-4"><input type="number" class="form-control" name="user[<?php echo $row['id']; ?>]" placeholder="Enter marks" required>
            </div>
    <?php } ?>
    </div>
    <button type="submit" name="quiz-marks" class="btn btn-primary">Submit</button>
</form>


最简单的方法是监听
#totalMark
输入上的
change
事件，然后更改
max
属性。为了简洁起见，我使用了jQuery，但我相信如果您愿意，可以使用香草javascript


$（函数（）{
$（'#totalMark'）。更改（函数（）{
$（'.form控件：not（#totalMark））.prop（'max'，this.value）
});
});