Jquery Plus Minus 按钮的最佳内联函数是什么？ [关闭]答案

【问题标题】：What's the best inline function for Jquery Plus Minus buttons? [closed]Jquery Plus Minus 按钮的最佳内联函数是什么？ [关闭]
【发布时间】：2017-09-08 10:12:06
【问题描述】：

我的 Jquery 很糟糕 :-(
我有一个包含不同行项目的表单，每行都有一个[-] [#] [+]。
通过单击 + 或 - 文本字段和隐藏都应该改变，但我不知道如何弄清楚。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>

<form id='myform' method='POST' action='#'>
	<input type='button' value='-' onclick="" />
	<input type='text' id="t1" name='quantity' value='1' />
	<input type='button' value='+' onclick="" />
	<input type="hidden" id="qty" value="0" />
</form>

非常感谢任何帮助。

【问题讨论】：

除了您的问题太宽泛之外，请不要使用内联事件处理程序。现在已经不是 1997 年了。
这不是Please write code for me 平台。首先在您的最后尝试，然后提出您的问题。 read how to ask a good question

标签： jquery html forms

【解决方案1】：

以下代码适用于给出的示例，只有一个输入 - 但是您可能想要更改函数和元素的 ID，以便您可以使用相同的函数来更改任何输入。

$( document ).ready(function() {
   $('#plus,#minus').on('click',handlePlusMinus);     
});
 
function handlePlusMinus(event){
	var val = parseInt($('#t1').val()) + parseInt($(this).data("val"));
	$('#t1').val(val);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id='myform' method='POST' action='#'>
	<input type='button' id='minus' value='-' data-val='-1' />
	<input type='text' id="t1" name='quantity' value='1' />
	<input type='button' id='plus' value='+' data-val='1'/>
</form>

【讨论】：