How to get a maximum value of a numeric input from jQuery function 在 class 上完成

Question

我有一个由 PHP 循环创建的输入，所以我想根据 php 值给每个输入一个与触摸旋转不同的最大值

刀片.php 代码：

<tbody>
    @foreach ($Ch as $chemical)
        <tr>
            <td>{{ $chemical->id }}</td>
            <td>{{ $chemical->categorie->name }}</td>
            <td>{{ $chemical->model }}</td>
            <td>{{ $chemical->serial_number }}</td>
            <td>{{ $chemical->unit_price }} {{ $chemical->contract->currency->symbol }}</td>
            <td>{{ $chemical->weight }}</td>
            <td>
                @php
                    $sum = 0;
                    foreach ($chemical->recieved_quantity as $rq) {
                        $sum += $rq->quantity;
                    }
                @endphp
                {{ $sum }}
            </td>
            <td>{{ $chemical->weight - $sum }}</td>
            <**td><input class="ts" id="remain_{{ $chemical->id }}" name="remain_{{ $chemical->id }}" type="number" max="{{ $chemical->weight - $sum }}">
            </td>**
        </tr>
    @endforeach
</tbody>

<script>
   $('.ts').TouchSpin({
      min: 0,
      max: $('.ts').attr("max"),
      step: 0.1,
      decimals: 2,
      boostat: 5,
      maxboostedstep: 10,
   });
</script>

Answer 1

您可以使用 jQuery 的.each()方法遍历.ts class 选择器的每个实例，并根据该特定输入实例的参数应用 TouchSpin。

https://api.jquery.com/each/

<script>
    $('.ts').each(function() {
        $(this).TouchSpin({
            min: 0,
            max: $(this).attr("max"),
            step: 0.1,
            decimals: 2,
            boostat: 5,
            maxboostedstep: 10,
        });
    });
</script>