什么是Jquery Plus Minus按钮的最佳内联功能？

Question

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

＆＃13;

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

非常感谢任何帮助。

Answer 1

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

＆＃13;

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;