> 웹 프론트엔드 > JS 튜토리얼 > jQuery는 장바구니에 있는 여러 항목의 수량에 대한 덧셈과 뺄셈 및 총 가격 계산을 구현합니다._jquery

jQuery는 장바구니에 있는 여러 항목의 수량에 대한 덧셈과 뺄셈 및 총 가격 계산을 구현합니다._jquery

WBOY
풀어 주다: 2016-05-16 16:45:48
원래의
1388명이 탐색했습니다.
코드 복사 코드는 다음과 같습니다.




jQuery는 장바구니에 있는 여러 항목의 총 가격 계산을 구현합니다

<script>$(function() { <br> $(".add").click(function(){ <br>var t=$(this).parent().find('input[class*=text_box]'); <br>t .val(parseInt (t.val()) 1) <br>setTotal(); <br>}) <br>$(".min").click(function(){ <br>var t=$( this).parent ().find('input[class*=text_box]'); <br>t.val(parseInt(t.val())-1) <br>if(parseInt(t.val() )<0 ){ <br>t.val(0); <br>} <br>setTotal() <br>}) <br>function setTotal(){ <br>var s=0; >$(" #tab td").each(function(){ <br>s =parseInt($(this).find('input[class*=text_box]').val())*parseFloat($( this).find ('span[class*=price]').text()); <br>$("#total").html(s.toFixed(2)); >} <br>setTotal(); <br><br>}) <br></script>
">


단가:1.50







단가:3.95
<입력 클래스= "min" name=" " type="button" value="-" />
>
🎜>
< ;p>총 가격:



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