jquery에서 텍스트 값의 클래스를 뺍니다.

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title>Sum of all TextBox values using jQuery</title> 
    <script type="text/javascript" 
    src="http://ajax.microsoft.com/ajax/jQuery/jquery-1.4.2.min.js"> 
    </script> 
    <script type="text/javascript"> 
     $(function() { 
      $("#addAll").click(function() { 
       var add = 0; 
       $(".amt").each(function() { 
        add -= Number($(this).val()); 
       }); 
       $("#para").text("Sum of all textboxes is : " + add); 
      }); 
     }); 
    </script> 
</head> 
<body> 
    <input id="Text1" class="amt" type="text" /><br /> 
    <input id="Text2" class="amt" type="text" /><br /> 
    <input id="Text3" class="amt" type="text" /><br /> 
    <input id="addAll" type="button" value="Sum all Textboxes" /><br /> 
    <p id="para" /> 
</body> 
</html>

그러나 실제 결과를 얻을 수 없습니다.jquery에서 텍스트 값의 클래스를 뺍니다.

$(function() { 
    $("#addAll").click(function() { 
     var add = 0; 
     $(".amt").each(function() { 
      add += parseInt($(this).val() || 0, 10); 
     }); 
     $("#para").text("Sum of all textboxes is : " + add); 
    }); 
});

parseInt 사용 : 나에게

출처

2011-03-07 reju

add -= parseInt($(this).val()|| 0,10);와! – adarshr

http://jsfiddle.net/ApjgJ/ (일부 기본 값 입력) 코드의 피들입니다. 그것은 작동하는 것 같습니다 (0에서 모든 숫자를 뺍니다). 당신은 당신이 얻고있는 결과와 당신이 기대 한 결과를 정확히 명확히 할 수 있습니까? – Chris

그것은 단지 나일지도 모르지만 "합계 ...", addAll, add - 그러면 혼란스러워 보입니다. –

시도를 도와주세요. 또한 값을 합산하려는 경우 +=을 사용해야합니다. 여기

가 노력하고 있습니다 : http://jsfiddle.net/S9H6A/

업데이트 : 당신이 텍스트 상자에 모든 값을 빼기하려는 경우, 당신의 문제는 당신이 0 시도 전체를 초기화하고 있다는 것입니다

$(function() { 
    $("#addAll").click(function() { 
     var total; 
     $(".amt").each(function() { 
      if (typeof total === 'undefined') { 
       total = parseInt($(this).val() || 0, 10); 
      } 
      else { 
       total -= parseInt($(this).val() || 0, 10); 
      } 
     }); 
     $("#para").text("Sum of all textboxes is : " + total); 
    }); 
});

업데이트 예 :같은 것을 대신 (또한 0으로 빈 input의 기본값으로 || 0을 사용 @Praveen의 대답에서 코드를 추가)

출처

2011-03-07 17:42:06

이 코드는 작동하지 않습니다. 클래스의 뺄셈은 부정적인 값을 보여줍니다. 다른 아이디어는 괜찮습니다. – reju

@reju : 대신 작업 예제로 업데이트하고 대신'+ ='를 사용합니다 (실제로 빼기를 시도했는지 확실하지 않았습니다. 또는 추가). –

예. class.i를 사용하여 요소 그룹을 빼기 위해 노력했습니다. 그러나 빼기가 작동하지 않습니다. 이것에 대한 아이디어가 있습니까? – reju

대체이 add -= Number($(this).val()); 당신이 변수 '추가'라고하고는 뺄셈을하고 있기 때문에

출처

2011-03-07 17:44:42

이 하나도 작동하지 않습니다 .... 이것으로 확인하십시오. http://jsfiddle.net/S9H6A/ – reju

parseInt는 Number보다 어떤 이점이 있습니까? 그것은 숫자와 함께 잘 작동하는 것 같습니다 ... 사실 숫자가 빈 텍스트 상자를 0으로 취급하는 것 같아서 더 좋을 것 같습니다 ... – Chris

@reju : '|| 0'도 추가하면됩니다. –

jquery에서 텍스트 값의 클래스를 뺍니다.

답변

관련 문제