페이지 내의 input 값의 총합을 구하는 스크립트
본문
<script type="text/javascript">
$(document).ready(function() {
$('.box input').on('keyup', function() {
var sum = 0,
$('.box input:text').each(function() {
sum += parseInt($(this).val());
});
$('#price').text(sum);
});
</script>
<div class="box">
<h2>포인트</h2>
<p class="point">
<input type="text" name="point1" id="point1" class="point" />
P</p>
<p class="point">
<input type="text" name="point2" id="point2" class="point" />
P</p>
</div>
<div class="box">
<p>가격 :<em class="price" id="price">0</em>원</p>
</div>
input box 의 값이 바뀔때마다 price의 값도 실시간의 바뀌게 하고 싶은데 변동이 없네요 -_-;
조언을 구합니다.
답변 2
$(document).ready(function() {
$('.box input').on('keyup', function() {
var sum = 0,
$('.box input:text').each(function() {
sum += parseInt($(this).val());
});
$('#price').text(sum);
});
});
괄호 하나가 안닫혀있네요
답변감사합니다.
괄호를 닫아도 마찬가지입니다. -_-
https://codepen.io/anon/pen/GzZLqQ
보니까 sum뒤에 콤마도 있네요 저거 세미콜론으로 바꾸시면 정상동작되네요
답변을 작성하시기 전에 로그인 해주세요.
