숫자 spinner 사용시

숫자 spinner 사용시 채택완료

Spinner를 중복으로 사용하려고 합니다.

하나를 누르면 인풋에 있는 숫자가 같이 변경되는데,

해당 스크립트로 spinner를 여러개 사용할 경우 어떻게 수정을 해야할까요??

Copy

<!--1번-->

<div class="input-group number-snipper">

<div class="btn-minus">

<button class="btn btn-outline-secondary btn-xs minus-btn"><i class="fa fa-caret-down" aria-hidden="true"></i></button>

</div>

<input type="number" class="form-control qty_input mx-1" value="1" min="1">

<div class="btn-plus">

<button class="btn btn-outline-secondary btn-xs plus-btn"><i class="fa fa-caret-up" aria-hidden="true"></i></button>

</div>

</div>

 

 

<!--2번-->

<div class="input-group number-snipper">

<div class="btn-minus">

<button class="btn btn-outline-secondary btn-xs minus-btn"><i class="fa fa-caret-down" aria-hidden="true"></i></button>

</div>

<input type="number" class="form-control qty_input mx-1" value="1" min="1">

<div class="btn-plus">

<button class="btn btn-outline-secondary btn-xs plus-btn"><i class="fa fa-caret-up" aria-hidden="true"></i></button>

</div>

</div>

<script>

 $('.plus-btn').click(function(){

        $('.qty_input').val(parseInt($('.qty_input').val()) + 1 );

            });

        $('.minus-btn').click(function(){

        $('.qty_input').val(parseInt($('.qty_input').val()) - 1 );

        if ($('.qty_input').val() == 0) {

            $('.qty_input').val(1);

        }

 

    });

</script>

숫자 spinner 사용시 채택완료

답변 1개

공유하기