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

본 글의 예시에서는 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();
})