简单的点击加一减一效果jq实现

管理员 发布于 6年前   656

啥也不说 直接上代码

html:

数量:<a id="jian">- </a><input type="text" name="num" value="1" style="padding: 5px;width: 20px;"><a id="jia"> +</a>

jq:

<script type="text/javascript">

$(function(){

//加一

$("#jia").click(function(event) {

    var one = $('input[name="num"]').val();

    one++;

    $('input[name="num"]').val(one);

});

//减一 为一不变

$("#jian").click(function(event) {

    var one = $('input[name="num"]').val();

    if (one == 1) {

           one = 1;

        }else {

            one--;

        };

    $('input[name="num"]').val(one);

});

})

</script>


请勿发布不友善或者负能量的内容。与人为善,比聪明更重要!

该博客于2020-12-7日,后端基于go语言的beego框架开发
前端页面使用Bootstrap可视化布局系统自动生成

是我仿的原来我的TP5框架写的博客,比较粗糙,底下是入口
侯体宗的博客

      订阅博客周刊

文章标签

友情链接

HouTiZong
侯体宗的博客
© 2020 zongscan.com
版权所有ICP证 : 粤ICP备20027696号
PHP交流群
侯体宗的博客