首頁猿問如何在 HTML 中的...

如何在 HTML 中的 <input> 標(biāo)記中設(shè)置“最大值”？

JavaScript

www說 2023-07-14 15:41:06

我可以設(shè)置“最大值”嗎 <input type="number" step="10" min="10" th:max="" th:field="*{coins}" required>在 ? 中創(chuàng)建變量 <script> var wallet = [[${session.student.wallet}]]; var price = [[${item.itemCost}]]; var lowerValue = Math.min(wallet, price); </script>問題是將中可見值中較小的一個分配給“max”。

查看完整描述

3 回答

心有法竹

TA貢獻(xiàn)1866條經(jīng)驗(yàn) 獲得超5個贊

如果你給你的輸入一個id像 (<input id="my-input"...) 這樣的屬性，那么它應(yīng)該像這樣簡單

document.getElementById("my-input").setAttribute("max", myCalculatedValue)：

let

wallet = 50.00,

price = 42.00;

const myCalculatedValue = Math.min(wallet, price);

const myInput = document.getElementById("my-input");

myInput.setAttribute("max", myCalculatedValue);

反對回復(fù) 2023-07-14

達(dá)令說

TA貢獻(xiàn)1821條經(jīng)驗(yàn) 獲得超6個贊

//default the max to 99

document.getElementById("yourinput").max = 99;

// setMax gets triggered by the button's `onclick` attribute

function setMax() {

let max = document.getElementById("yourmax").value;

document.getElementById("yourinput").max = max;

}

Default <b>max=99</b> got set when page loaded. Try it below.<br/>

Set max here: <input id="yourmax" value="10"><br/>

Click this button to apply your NEW max: <button onclick="setMax()">Set Max</button></br>

Max gets set on this input: <input id="yourinput" type="number" min="0" style="width:50px;">

反對回復(fù) 2023-07-14

青春有我

TA貢獻(xiàn)1784條經(jīng)驗(yàn) 獲得超8個贊

您只需使用 Thymeleaf 即可做到這一點(diǎn)。

<input type="number"
       step="10" min="10"
       th:max="${T(Math).max(session.student.wallet, item.itemCost)}"
       th:field="*{coins}"
       required>

反對回復(fù) 2023-07-14