输入类型=数字以及标签答案

【问题标题】：Input type=number along wih label输入类型=数字以及标签
【发布时间】：2015-03-04 22:01:54
【问题描述】：

我正在使用输入 type="number" 来增加数字，但是出于某些原因（不重要），我不希望此输入字段可见。因此，我希望使用标签与元素进行交互。

目前，例如：<input type="number" step="1" value="1" min="1"/>

我想使用一个标签，一个用于增加值，另一个用于减少，不幸的是使用标签的代码，<label for="example1"> 似乎只选择数字的数字/框。

有谁知道让标签增加值或减少值的方法？

【问题讨论】：

您可能需要 JavaScript。单独的 HTML 是不行的。
除了将焦点切换到关联的输入元素之外，<label> 元素没有任何其他功能。如果您想在屏幕上不显示实际输入元素的情况下操作输入，则需要客户端脚本。
这有点不正确，好像我有一个输入类型复选框，标签会勾选和取消勾选一个复选框，我希望有一些东西可以为此做类似的功能。
您喜欢使用 jQuery 还是只想使用 html？
应该只有一个选择有效吗？那么也许 1 ... 会是一个选项

标签： html forms

【解决方案1】：

我认为如果没有一些 javascript，您将无法完成这项工作。 Here's 一个不错的 SO 帖子，有很多选项供您选择，或者如果您不介意一点 jquery，您可以试一试：

<input id="thing" type="number" value="1" />
<label id="stuff" for="thing" >Hey!</label>

还有 JS：

$(document).ready(function () {
    $('#stuff').click(function () {
        whatitis = parseInt(document.getElementById('thing').value);
        $('#thing').val(whatitis + 1);
    })
})

【讨论】：