채택완료

페이지 내의 input 값의 총합을 구하는 스크립트

2019-01-28 (월) 12:13:51 2,994

Copy
<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개 / 댓글 1개

채택된 답변
+20 포인트
Copy
$(document).ready(function() {
  $('.box input').on('keyup', function() {
    var sum = 0,
    $('.box input:text').each(function() {
      sum += parseInt($(this).val());
    });
  
    $('#price').text(sum);
  });
});

괄호 하나가 안닫혀있네요

2019-01-28 (월) 12:57:20

답변감사합니다.

괄호를 닫아도 마찬가지입니다. -_-

답변에 대한 댓글 1개

https://codepen.io/anon/pen/GzZLqQ

보니까 sum뒤에 콤마도 있네요 저거 세미콜론으로 바꾸시면 정상동작되네요

답변을 작성하려면 로그인이 필요합니다.