2017-10-07 13 views
0

asp.net 웹 응용 프로그램을 사용하고 있으며 다음과 같은 스크립트가 있습니다.키업에 대한 Jquery가 실행되지 않습니다.

<script> 
    $(document).ready(function() { 
    $("#popup input").keyup(function() { 
     var total = 0; 

     $(".txtLitAmount").each(function (index, item) { 

      temp = parseFloat($(item).val()); 

      if (isNaN(temp)) 
       temp = 0 
      total = total + temp; 
     }); 
     $("#lblTotal").text(total); 
    }); 
    }); 
</script> 

HTML 부분으로.

내가 브라우저 콘솔 위의 스크립트를 실행

<div> 
 
<table width="100%" class="table"> 
 
     <thead> 
 
        <tr> 
 
         <th>Dimension Code</th> 
 
         <th>Dimension Name</th> 
 
         <th>Amount</th> 
 

 
        </tr> 
 
       </thead> 
 
       <tbody> 
 

 
      <tr class="gradeX"> 
 

 
       <td> 
 
        Dubai Office</td> 
 
       <td> 
 
        Sales</td> 
 
       <td> 
 
        <input type="text" value="0.00" id="litAmount_0" class="txtLitAmount"></td> 
 
      </tr> 
 

 

 
      <tr class="gradeX"> 
 

 
       <td> 
 
        Dubai Office</td> 
 
       <td> 
 
        Test</td> 
 
       <td> 
 
        <input name="litAmount" type="text" value="0.00" id="litAmount_1" class="txtLitAmount"></td> 
 
       
 
      </tr> 
 
      </tbody> 
 

 
     </table> 
 
     <div style="width: 100%; padding-left: 624px;"> 
 
     <label style="margin-right: 20px;">SubTotal</label> 
 
     <span id="lblTotal" class="lblSubtotal">0.00</span> 
 
    </div> 
 

 
</div>

, 그것은 노력하고 있습니다. 그러나 응용 프로그램에서 텍스트 상자에 값을 입력 할 때 키 업 이벤트가 발생하지 않습니다. 아무도 나를 도울 수 있습니까? 미리 감사드립니다.

+0

$("#popup input")을 변경 실행,하지만 당신은 어떤 요소/컨테이너 with'id = "팝업"'없다/ –

답변

0

귀하의 코드를 확인한 후에 귀하가 제 발걸음을 밟을 수 있다고 생각합니다.

<script> 
$(document).ready(function() { 
$("input").keyup(function() { 
    var total = 0; 

    $(".txtLitAmount").each(function (index, item) { 

     temp = parseFloat($(item).val()); 

     if (isNaN(temp)) 
      temp = 0 
     total = total + temp; 
    }); 
    $("#lblTotal").text(total); 
}); 
}); 
+0

를 아니, 발사하지 않아. – Vahid

0

코드에이 줄을 추가 했습니까?

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
+0

예. 나는 이것을 추가했다. – Vahid

0

https://www.bootply.com/QlIZUYOKDu

난 그냥 난 그냥 코드를 읽고 $(".txtLitAmount")

+0

나를 위해 그것이 작동하지 않습니다. 첫 번째 줄에 중단 점을 추가했습니다 (_ $ ("input") .keyup (function() _). 그런 다음 페이지로드 시간에 컨트롤이 중단 점에 도달했습니다. 그러나 텍스트 상자 컨트롤의 유형 값이 아닌 경우 왜 이런 현상이 발생합니까? – Vahid

+0

@Vahid 콘솔의 모든 오류 메시지 (웹의 아무 곳이나 마우스 오른쪽 버튼으로 클릭하고 "요소 검사", "콘솔"탭으로 이동) –