라디오 선택에 따른 수량증감 관련한 질문 입니다.
본문
안녕하세요.
아래의 소스와 같이 라디오로 아이템 선택시 그 옆에 해당 아이템의 수량을 증가 및 감소하게 하여 수량이 출력되게 까지는 겨우 되어있는 상태 입니다.
<script>
// 증감 스크립트
$(function(){
$('div#btn_add77').on('click', function(){
$('#number').text(parseInt($('#number').text()) + 1);
});
$('div#btn_mins77').on('click', function(){
$('#number').text(parseInt($('#number').text()) - 1);
});
});
</script>
<!-- 라디오 선택 -->
<div class="icheck-material-orange" style="display:none;">
<input type="radio" id="ex77id1" name="ex77" value="" <?php echo ($write['ex77'] == "") ? " checked" : "";?> />
<label for="ex77id1">아이템명</label></div>
<!-- 위의 라디오 버튼은 display:none -->
<div class="icheck-material-orange">
<input type="radio" id="ex77id2" name="ex77" value="아이템명" <?php echo ($write['ex77'] == "아이템명") ? " checked" : "";?> />
<label for="ex77id2">아이템명</label></div>
<!-- 증감 버튼 및 값 -->
<div>
<div id="btn_add77" ><a href="#">+증가</a></div>
<div id="btn_mins77"><a href="#">-감소</a></div>
<div id="number">1</div>
</div>
여기에서
## 라디오 아이템이 미선택 상태인 경우 "증감버튼 및 값"이 disable 이 되게 하기와
## 수량증감한 값을 ex78에 value값을 저장하기,
## 마지막으로 수량 증감을 누르면 0 이하로는 안내려가기
조언을 구하고자 합니다...
!-->
답변 1
<script>
// 증감 스크립트
$(function(){
$('#ex77id2').on('click', function(){
$('.aa').attr("disabled","false");
$('div#btn_add77').on('click', function(){
$('#number').text(parseInt($('#number').text()) + 1);
});
$('div#btn_mins77').on('click', function(){
$('#number').text(parseInt($('#number').text()) - 1);
if($('#number').text()<0) {
alert("잘못된 수입니다");
$('#number').text(1);
}
});
});
});
</script>
<script>
</script>
<!-- 위의 라디오 버튼은 display:none -->
<div class="icheck-material-orange">
<input type="radio" id="ex77id2" name="ex77" value="아이템명" <?php echo ($write['ex77'] == "아이템명") ? " checked" : "";?> />
<label for="ex77id2">아이템명</label></div>
<!-- 증감 버튼 및 값 -->
<div>
<div id="btn_add77" ><a href="#" disabled='disabled' class="aa">+증가</a></div>
<div id="btn_mins77"><a href="#" disabled='disabled'class="aa">-감소</a></div>
<div id="number">1</div>
</div>
##1 맨처음에는 disabled로 감싸였고 그 상태에서 라디오 버튼을 누르면 disabled를 풀게끔 만들었습니다.
##2 number값이 저장하는걸로 알고있고 어떤것을 의도하는지 잘 몰라서 따로 하진 않았습니다
##3 감소할 때 , 0값이하로 내려가면 alert창 띄우고 1값으로 고정시키게 만들었습니다.
!-->
답변을 작성하시기 전에 로그인 해주세요.