리자

클릭으로 수량 조절

· 2008-11-14 (금) 14:53:18 · 2890

간결함이 무기인데 기본이 없다보니 코드가 엉망입니다.

좀 줄여주세요. ^^



<input type=text name='ct_qty' id='ct_qty' value='1' size=4 maxlength=4 class=ed autocomplete='off' style='text-align:right;' onkeyup='calc_amount()'>
<img src='img/qty_control.gif' border=0 align=absmiddle usemap="#qty_control_map"> 개
<map name="qty_control_map">
<area shape="rect" coords="0, 0, 10, 9"   id='qty_plus'>
<area shape="rect" coords="0, 10, 10, 19" id='qty_minus'>
</map>

... 중략 ...


<script>
// 위,아래 이미지 클릭으로 수량 조절
$(document).ready(function() {
    var $this = $('#ct_qty');
    $('#qty_plus').click(function() {
        if (isNaN(parseInt($this.val()))) {
            $this.val(1);
        }
        else {
            $this.val(parseInt($this.val()) + 1);
        }
    }).css('cursor', 'pointer');

    $('#qty_minus').click(function() {
        if (isNaN(parseInt($this.val()))) {
            $this.val(1);
        }
        else {
            $this.val(parseInt($this.val()) - 1);
            if ($this.val() < 1) $this.val(1);
        }
    }).css('cursor', 'pointer');
});
</script>

[이 게시물은 관리자님에 의해 2011-10-31 16:55:28 jQuery에서 이동 됨]
|
댓글을 작성하시려면 로그인이 필요합니다.

개발자팁

5,403건

개발과 관련된 유용한 정보를 공유하세요. 질문은 QA에서 해주시기 바랍니다.

+
분류 제목 글쓴이 날짜 조회
기타 08-04-17 조회 3,074
기타 08-04-17 조회 3,233
JavaScript 08-04-17 조회 2,750
JavaScript 08-04-17 조회 3,156
기타 08-04-17 조회 2,537
기타 08-04-17 조회 3,129
JavaScript
[JavaScript]
08-04-17 조회 2,230
MySQL 08-04-17 조회 5,073
MySQL 08-04-17 조회 6,336
MySQL 08-04-17 조회 4,069
MySQL 08-04-17 조회 1.5만
JavaScript 08-04-17 조회 5,061
기타 08-04-17 조회 6,217
Flash 08-04-17 조회 5,365
PHP 08-04-17 조회 5,521
기타 08-04-17 조회 7,602
JavaScript 08-04-17 조회 5,869
JavaScript 08-04-17 조회 4,844
MySQL 08-04-17 조회 5,042
JavaScript
[JavaScript]
08-04-17 조회 4,285
기타 08-04-17 조회 5,206
MySQL 08-04-17 조회 4,580
기타 08-04-17 조회 4,015
기타 08-04-17 조회 4,392
JavaScript 08-04-17 조회 3,210
JavaScript 08-04-17 조회 3,613
JavaScript 08-04-17 조회 9,011
JavaScript 08-04-17 조회 3,660
MySQL 08-04-09 조회 3,450
정규표현식 08-04-08 조회 4,331