gpt4 book ai didi

javascript - 输入百分比值

转载 作者:行者123 更新时间:2023-11-27 22:36:01 26 4
gpt4 key购买 nike

我在我的网络应用程序上有一些输入,我们要求用户输入百分比值(例如 10.75%、23%)。目前,他们必须以十进制形式输入这些值(例如 0.1075、0.23)。

这让一些用户感到困惑,所以我希望有一种方法可以将值与这些格式相互转换(后端有十进制值,HTML 输入显示百分比值)。有没有解决这个问题而不必自己使用 javascript 或类似的东西?

我在 HTML5 输入中没有看到任何可以执行此操作的内容,而且我无法找到可以轻松执行此操作的 javascript 库。

其他人用什么方式在 HTML 中输入百分比?


附加信息

Web 应用程序使用 Java/Spring,因此进入 HTML 页面的值来自相关 Java 对象的字符串,因此理想情况下我正在寻找不需要任何后端编码的东西。


回答

事实证明,Spring 3.0 会自动执行此操作。注释有问题的字段:

@NumberFormat(style = NumberFormat.Style.PERCENT)
private BigDecimal rate;

将完成输入字段的所有转换。

最佳答案

所需的 javascript 非常简单。例如,您可以在用户提交时将用户输入的分数存储在隐藏字段中。

​<form id="myForm">
<input type="text" id="myPercent" name="myPercent" />%
<input type="hidden" id="myFraction" name="myFraction" />
<input type="submit" />
</form>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​
<script type="text/javascript">
document.getElementById('myForm').onsubmit = function() {
document.getElementById('myFraction').value =
document.getElementById('myPercent').value / 100;
}
</script>

关于javascript - 输入百分比值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13778104/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com