| 常用数量加减器（购物数量加减）（点击加减号加减数量） | 您所在的位置：网站首页 › html添加按钮代码 › 常用数量加减器（购物数量加减）（点击加减号加减数量） |
常用数量加减器（购物数量加减）（点击加减号加减数量）
|
只实现了常规加减有需要根据可以根据自己添加限制条件
先来效果图
HTML代码 DOCTYPE html>js $(document).ready(function () { //获得文本框对象 var t = $("#text_box"); //初始化数量为1,并失效减 $('#min').attr('disabled', true); //数量增加操作 $("#add").click(function () { // 给获取的val加上绝对值，避免出现负数 t.val(Math.abs(parseInt(t.val())) + 1); if (parseInt(t.val()) != 1) { $('#min').attr('disabled', false); }; }) //数量减少操作 $("#min").click(function () { t.val(Math.abs(parseInt(t.val())) - 1); if (parseInt(t.val()) == 1) { $('#min').attr('disabled', true); }; }) });
全部 DOCTYPE html> $(document).ready(function () { //获得文本框对象 var t = $("#text_box"); //初始化数量为1,并失效减 $('#min').attr('disabled', true); //数量增加操作 $("#add").click(function () { // 给获取的val加上绝对值，避免出现负数 t.val(Math.abs(parseInt(t.val())) + 1); if (parseInt(t.val()) != 1) { $('#min').attr('disabled', false); }; }) //数量减少操作 $("#min").click(function () { t.val(Math.abs(parseInt(t.val())) - 1); if (parseInt(t.val()) == 1) { $('#min').attr('disabled', true); }; }) });
|
【本文地址】
公司简介
联系我们