테스트 사이트 - 개발 중인 베타 버전입니다

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

미나라 6년 전 조회 2,720

</strong></p>

<p><script type="text/javascript">

$(document).ready(function() {

  $('.box input').on('keyup', function() {

    var sum = 0,</p>

<p>    $('.box input:text').each(function() {

      sum += parseInt($(this).val());

    });</p>

<p>

   </p>

<p>    $('#price').text(sum);

  });</p>

<p>

  

</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></p>

<p><strong>

 

 

input box 의 값이 바뀔때마다 price의 값도 실시간의 바뀌게 하고 싶은데 변동이 없네요 -_-;

조언을 구합니다.

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

답변 2개

채택된 답변
+20 포인트
6년 전

</p>

<pre>
$(document).ready(function() {
  $('.box input').on('keyup', function() {
    var sum = 0,
    $('.box input:text').each(function() {
      sum += parseInt($(this).val());
    });
  
    $('#price').text(sum);
  });
});</pre>

<p>

 

괄호 하나가 안닫혀있네요

로그인 후 평가할 수 있습니다

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

답변감사합니다.

 

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

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

볼피드
6년 전
https://codepen.io/anon/pen/GzZLqQ

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

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

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

로그인