메뉴 건너뛰기

프로그램언어

Home 프로그램언어 JAVA javascript
✔ 뷰어로 보기
2015.06.19 12:47

텍스트박스(input type = "text") 숫자 증가, 감소 시키기 - 쇼핑몰 주문 수량

조쉬
조회 수 12281 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

가 크게 작게 위로 아래로 댓글로 가기 인쇄 첨부
?

단축키

Prev이전 문서

Next다음 문서

가 크게 작게 위로 아래로 댓글로 가기 인쇄 첨부
<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <title>수량 증가/감소 (JQuery로 작성.)</title>
  <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
  <script type="text/javascript">
    
    /**
    * 수량 증가/감소 (JQuery로 작성.)
    */
    function modifyProductQuantity(id, quantity){
        
         if(isNaN($("#"+id).val())){
              alert( '숫자만 입력가능 합니다.' );
              $("#"+id).focus();
              $("#"+id).val(0);
              return;
         }
        
         //var v = parseFloat($("#"+id).val())+parseFloat(quantity);    
         //$("#"+id).val(Math.round(v*10)/10);
          
         var q = parseInt($("#"+id).val())+parseInt(quantity);    
         $("#"+id).val(q);


    };



 </script>
 </head>
 <body>
    수량 : 
    <input name="quantity" id="quantity" style="vertical-align:middle; text-align:right" size="5" maxlength="4" value="0" />
    <img style="vertical-align:middle;" alt="수량 증가 감소" src="btn_cnt.gif" usemap="#map_name_quantity"/>
    <map id="map_name_quantity" name="map_name_quantity">
        <area href="javascript:modifyProductQuantity('quantity',1);" shape="rect" alt="수량 증가" coords="0,0,9,10"/>
        <area href="javascript:modifyProductQuantity('quantity',-1);" shape="rect" alt="수량 감소" coords="0,10,9,20"/>
    </map>

 </body>
</html>

 


Facebook Twitter Google Pinterest
위로 아래로 댓글로 가기 인쇄 첨부
에디터 선택하기
?
  1. No Image 16Jan
    by
    2019/01/16 Views 111955 

    유효한 링크인지 확인하는 JAVASCRIPT

  2. No Image 01Mar
    by
    2014/03/01 Views 45969 

    [jQuery] 상위부터 차례로 지역 선택하기

  3. 09Mar
    by
    2021/03/09 Views 36295 

    Javascript - 이미지 미리보기 회전되어 나옴(EXIF)

  4. No Image 01Mar
    by
    2014/03/01 Views 32408 

    javascript 인쇄 미리보기, 출력, 페이지 설정 등

  5. 19Jun
    by
    2015/06/19 Views 19010 

    Checkbox : 체크박스 체크여부 확인

  6. 06Apr
    by
    2017/04/06 Views 16532 

    날짜 및 시간 입력 구현하기, Bootstrap DateTimePicker

  7. No Image 19Jun
    by
    2015/06/19 Views 14586 

    공백 검사 함수

  8. No Image 28Apr
    by
    2015/04/28 Views 13538 

    선택(CheckBox) 된 Row 삭제 - 화면에서 추가된 Row

  9. 03Feb
    by
    2015/02/03 Views 12857 

    'focus', 엔터 누르고 이동하자!

  10. No Image 01Mar
    by
    2014/03/01 Views 12669 

    라디오버튼 선택 체크여부 radio checked

  11. No Image 23Dec
    by
    2016/12/23 Views 12577 

    셀렉트(select) change Ajax 이벤트

  12. 17Nov
    by
    2016/11/17 Views 12434 

    input type file multiple list (파일 업로드 리스트 확인)

  13. No Image 06Oct
    by
    2016/10/06 Views 12367 

    간단한 동적 SELECT 박스 구현하기

  14. No Image 22Dec
    by
    2016/12/22 Views 12338 

    GET방식으로 전송시 특수문자함께 전송하는 방법

  15. 19Jun
    by 조쉬
    2015/06/19 Views 12281 

    텍스트박스(input type = "text") 숫자 증가, 감소 시키기 - 쇼핑몰 주문 수량

  16. 19Jun
    by
    2015/06/19 Views 12222 

    창 크기 최대화 시키기

  17. No Image 01Mar
    by
    2014/03/01 Views 12017 

    [jQuery] 실시간 검색어 순위 순서대로 보여주기

  18. No Image 06Apr
    by
    2015/04/06 Views 11698 

    jquery 메뉴 - 아래로 한번에 전체가 펼처짐

  19. No Image 03Feb
    by
    2015/02/03 Views 11110 

    'Array', 배열 및 다차원 배열 선언에 대해 알아보자!

  20. No Image 29Apr
    by
    2019/04/29 Views 11039 

    랜덤 배너 노출 스크립트

쓰기
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 13 Next
/ 13

하단 정보를 입력할 수 있습니다

© 2016 JOSHI. All Rights Reserved
© k2s0o1d4e0s2i1g5n. All Rights Reserved