> php教程 > PHP开发 > jQuery로 구현한 장바구니 항목 수를 더하고 빼는 함수 코드

jQuery로 구현한 장바구니 항목 수를 더하고 빼는 함수 코드

高洛峰
풀어 주다: 2016-12-06 16:02:00
원래의
2069명이 탐색했습니다.

본 글의 예시에서는 jQuery로 구현한 장바구니에 담긴 상품의 개수를 더하고 빼는 기능을 설명합니다. 참고하실 수 있도록 모든 사람과 공유하세요. 자세한 내용은 다음과 같습니다.

오늘 네티즌 Cui Er이 Jquery를 사용하여 장바구니에 담긴 상품 수를 가감하는 특수 효과를 구현하는 중에 문제가 발생하여 문의했습니다. 나중에 그녀가 이 Jquery 특수 효과를 해결하는 데 도움을 줬는데, 이제는 모두가 사용할 수 있도록 정리하여 공유했습니다. 기능은 비교적 간단하지만 매우 실용적입니다.

주로 다음 기능이 포함되어 있습니다.

1. 수량 증가 연산 기능

2. 수량 감소 연산 기능

3. >

4. 숫자가 1이 되면 조작 버튼이 작아져 클릭이 금지되고, 숫자가 늘어나면 자동으로 복구됩니다.

5. 소수점 이하 자릿수를 유지하는 toFixed() 함수. 포인트는 매우 실용적입니다

함수 코드는 다음과 같습니다.

$(function(){
//获得文本框对象
var t = $("#text_box");
//数量增加操作
$("#add").click(function(){
t.val(parseInt(t.val())+1)
if (parseInt(t.val())!=1){
$('#min').attr('disabled',false);
}
setTotal();
})
//数量减少操作
$("#min").click(function(){
t.val(parseInt(t.val())-1);
if (parseInt(t.val())==1){
$('#min').attr('disabled',true);
}
setTotal();
})
//计算操作
function setTotal(){
$("#total").html((parseInt(t.val())*3.95).toFixed(2));//toFixed()是保留小数点的函数很实用哦
}
//初始化
setTotal();
})
로그인 후 복사


관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 추천
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿