javascript - HTML 表单加号按钮

标签 javascript html forms button input

我正在使用将数据提交到 MYSQL 数据库的 html 表单。我需要添加一个按钮,每次按下都会将文本框中的数字增加一个。我的代码如下所示:

<label for="htop">Top: </label>
<input type="button" name="decrease" value="-" /><input type="text" name="htop" value="0" />
<input type="button" name="increase" value="+" />

执行此操作的最佳方法是什么?

最佳答案

将脚本标签放在你的head元素中

<script>
function increaseBtnOnclick() {
    document.getElementById("htop").value = Number(document.getElementById("htop").value) + 1;
}
</script>

<label for="htop">Top: </label>
<input type="button" name="decrease" value="-" /><input type="text" name="htop" value="0" id="htop"/>
<input type="button" name="increase" value="+" onclick="increaseBtnOnclick()"/>

关于javascript - HTML 表单加号按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9721061/

相关文章:

循环内的 jQuery 'change' 事件不起作用

javascript - 使用 jQuery 显示多个结果

javascript - 为什么我要用 'class' 而不是 'function' 创建一个对象?

javascript - 无法使用 Angular2 和 Firebase 数据库执行 REST get 请求

javascript - 使用 VSCode 调试 Nextjs Api 端点

html - 当我尝试将 WebView 保存到 PDF 时,为什么 NSPrintOperation 会创建一个空 PDF?

forms - 提交表单时将数据保存到 localStorage

html - 在 .html (' ' 之后通过 jquery 在 div 中显示一个表单);

html - 如何将垂直滚动条应用于具有百分比高度的 div?

javascript - IE 中按钮的圆 Angular