代码之家  ›  专栏  ›  技术社区  ›  Kardo

Jquery加减按钮的最佳内联函数是什么?[已关闭]

  •  -4
  • Kardo  · 技术社区  · 9 年前

    我在Jquery方面很差:-(
    我有一个包含不同行项目的表单,每行都有一个 [-] [#] [+]
    通过点击+或-这两个文本字段和隐藏应该改变,但我不知道如何找出它。

    enter image description here

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

    非常感谢您的帮助。

    1 回复  |  直到 9 年前
        1
  •  1
  •   Jack L    9 年前

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