大神们~html 实现加减按钮

大神们~html 实现加减按钮,第1张

//减号添加onclick事件 onclick=subNum()

//显示数字的ID为 num

//加号添加onclick事件 onclick=addNum()

<script>

function subNum(){

document.getElementById("num").value=document.getElementById("num").value-1

}

function addNum(){

document.getElementById("num").value=document.getElementById("num").value+1

}

</script>

<input class="min" name="" type="button" value="-" />

<input class="text_box" name="goodnum" type="text" value="${item.value.quantity }" style="width:25px" />

<input class="add" name="" type="button" value="+" />

 

$(".add").click(function() {

        // $(this).prev() 就是当前元素的前一个元素,即 text_box

        $(this).prev().val(parseInt($(this).prev().val()) + 1)

        setTotal()

})

 

$(".min").click(function() {

        // $(this).next() 就是当前元素的下一个元素,即 text_box

        $(this).next().val(parseInt($(this).next().val()) - 1)

        setTotal()

})

<html>

 <head>

    <title>the test page</title>

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

 </head>

  <body>

  <script>

    $(document).ready(function(){

        $("#sub").click(function(){

            $("#test").val("aaaaaa")

        })

    })

  </script>

        <input type="text" id="test" name="test" value="">

        <input type="submit" id="sub" value="please click it">

  </body>

</html>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7062063.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-01
下一篇 2023-04-01

发表评论

登录后才能评论

评论列表(0条)

保存