숫자 spinner 사용시

숫자 spinner 사용시 채택완료

돋티 3년 전 조회 3,611

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

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

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

</p>

<p><!--1번--></p>

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

<p><div class="btn-minus"></p>

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

<p></div></p>

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

<p><div class="btn-plus"></p>

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

<p></div></p>

<p></div></p>

<p> </p>

<p> </p>

<p><!--2번--></p>

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

<p><div class="btn-minus"></p>

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

<p></div></p>

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

<p><div class="btn-plus"></p>

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

<p></div></p>

<p></div></p>

<p><script></p>

<p> $('.plus-btn').click(function(){</p>

<p>        $('.qty_input').val(parseInt($('.qty_input').val()) + 1 );</p>

<p>            });</p>

<p>        $('.minus-btn').click(function(){</p>

<p>        $('.qty_input').val(parseInt($('.qty_input').val()) - 1 );</p>

<p>        if ($('.qty_input').val() == 0) {</p>

<p>            $('.qty_input').val(1);</p>

<p>        }</p>

<p> </p>

<p>    });</p>

<p></script></p>

<p>

숫자 spinner 사용시 채택완료

답변 1개

공유하기