简单的点击加一减一效果jq实现
管理员 发布于 7年前   700
啥也不说 直接上代码
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框架写的博客,比较粗糙,底下是入口
侯体宗的博客
文章标签
友情链接