숫자 spinner 사용시
본문
Spinner를 중복으로 사용하려고 합니다.
하나를 누르면 인풋에 있는 숫자가 같이 변경되는데,
해당 스크립트로 spinner를 여러개 사용할 경우 어떻게 수정을 해야할까요??
<!--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>
답변 1
저 형태를 여러개...각각 다르게 구동되도록 해야되는 거라면...(제가 이해를 잘 한건지 모르겠지만)
input 폼 부분들에 id 값을 넣어주고...
스크립트에서 class를 기준으로 처리하는걸 id 기준으로 처리가 되도록 변경하면 될거 같은데요
답변을 작성하시기 전에 로그인 해주세요.
