HTML 할인계산 가격 구현 원리 및 스크립트 코드_HTML/Xhtml_웹페이지 제작

WBOY
풀어 주다: 2016-05-16 16:37:02
원래의
1775명이 탐색했습니다.

코드 복사
코드는 다음과 같습니다.



;

할인 후 가격 계산<br><!--가격 계산 이벤트 기능을 설정하고 다른 드롭다운 할인 번호를 전송합니다. 결과를 텍스트 상자에 넣습니다.-> ; <br /><script type="text/javascript"> <br>function Calculator(){ <br>var rates=document.getElementById("price"); var 할인=document.getElementById(" number"); <br>var pay; <br>var select=document.getElementById("payfunction") <br>if((prices.value>=0&&!isNaN(prices. value))&&(discounts.value> ;=0&&!isNaN(discounts.value))&&prices.value!=""&&discounts.value!="") <br>{ <br>pay=prices.value*discounts.value ; <br>switch(parseInt( select.value)){ <br>case 1:pay=pay*0.5; break <br>case 3:pay= pay*0.6; <br>} <br>document.getElementById("result").value=pay; <br>alert("축하합니다. 거래가 성공했습니다!") <br>}else <br> { <br>prices.focus() ; <br>prices.select() <br>alert("올바른 가격과 수량을 입력하세요(비워둘 수 없음). "); <br>} <br>} <br></script> <br></head> <br><!-- 인터페이스 형식을 정의하고, 드롭다운 테이블을 설정하고, 계산된 가격 이벤트--> <br /><body> <br /><center> <br /><form name="discount" action="result.jsp" method="post"> 가격: <input type="text" id="price" style="width: 150px"/><br> <br>구매 수량: <input type="text" id="number" style=" width: 150px"/> ;<br /> <br />결제 방법: <select id="payfunction" style="width: 150px"> <br><option value="1">온라인 뱅킹 결제 - 50% 할인 <br><option value="2">알리페이 결제 - 20% 할인</option> <br><option value="3" selected>Q 코인 결제 - 40% 할인 </option> <br></select><br> <br>예상 총 가격: <input type="text" id="result" style="width: 150px"> <br> <br><input type="button" id="allresult" value="총 가격 계산" onclick="calculator()" /> <br></form> 센터> <br> </body> <br></html></option>
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿