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