jQuery가 NaN을 반환합니다.

Question

두 필드 (입력 1과 입력 2)를 모두 완료하고 그 중 하나를 변경하려고하면 jQuery가 NaN을 반환합니다. 누군가 나를 도울 수 있습니까?

나는에서는 parseInt,에서는 parseFloat를 사용하려고했지만 여전히 내 영어 죄송합니다

작동하지 않습니다]

JS :

$(document).ready(function(){ 
    $('input[name^="input"]').keypress(function(event) { 
     if(event.which && (event.which < 48 || event.which > 57)) { 
      event.preventDefault(); 
     } 
    }); 


    var $tabs = $('input[name^="tab"]'); 
    $.each($tabs, function(i, a) { $(a).val(''); }); 

    $('input[name^="input"]').keyup(function() { 
     var count = parseInt($(this).val()); 

     if($(this).attr('name') == 'input1') { 
      var newValue = count * parseFloat($('input[name="tab1_hidden"]').val()); 
      $('input[name="tab1"]').val(newValue); 
     } 

     if($(this).attr('name') == 'input2') { 
      $.each($tabs, function(i, a) { 
       if(i > 0) { 
        var inputHidden = $(a).attr('name') + '_hidden'; 
        var newValue = count * parseFloat($('input[name="' + inputHidden + '"]').val()); 
        $(a).val(newValue); 
       } 
      }); 
     } 

    }); 
}); 

HTML :

<form action="" method="post"><div> 
<p>input 1: <input type="text" name="input1" value=""></p> 
<p> <input type="hidden" name="input1_hidden" value=""></p> 
<p>input 2: <input type="text" name="input2" value=""></p> 
<p> <input type="hidden" name="input2_hidden" value=""></p> 
<p>&nbsp;</p> 
<p>tab 1: <input type="text" name="tab1" value=""></p> 
<p><input type="hidden" name="tab1_hidden" value="10"></p> 

<p>tab 2: <input type="text" name="tab2" value=""></p> 
<p> <input type="hidden" name="tab2_hidden" value="20"></p> 

<p>tab 3: <input type="text" name="tab3" value=""></p> 
<p> <input type="hidden" name="tab3_hidden" value="30"></p> 

<p>tab 4: <input type="text" name="tab4" value=""></p> 
<p> <input type="hidden" name="tab4_hidden" value="40"></p> 

<p>tab 5: <input type="text" name="tab5" value=""></p> 
<p> <input type="hidden" name="tab5_hidden" value="50"></p> 

<p>tab 6: <input type="text" name="tab6" value=""></p> 
<p> <input type="hidden" name="tab6_hidden" value="60"></p> 

<p>tab 7: <input type="text" name="tab7" value=""></p> 
<p> <input type="hidden" name="tab7_hidden" value="70"></p> 

<p>tab 8: <input type="text" name="tab8" value=""></p> 
<p> <input type="hidden" name="tab8_hidden" value="80"></p> 
</div> 
</form> 

Answer 1

업데이트 :

JS를 :

count = 0 

$("input=[name='input1'], input=[name='input2']").change(function(){ 
    if ($(this).attr("name") == "input1") { 
     count = $("input=[name='tab1_hidden']").val(); 
     value1 = count * parseInt($(this).val()) 
     $("input[name='tab1']").val(value1);    
    } 

    if ($(this).attr("name") == "input2") { 
     value2 = $(this).val(); 
     countArray = []; 

     i = 0 

     $(".hidden").each(function() {    
      countArray[i] = $(this).val();    
      i++; 
     }); 

     $("input=[name='tab2']").val(value2 * countArray[0]); 
     $("input=[name='tab3']").val(value2 * countArray[1]); 
     $("input=[name='tab4']").val(value2 * countArray[2]); 
     $("input=[name='tab5']").val(value2 * countArray[3]); 
     $("input=[name='tab6']").val(value2 * countArray[4]); 
     $("input=[name='tab7']").val(value2 * countArray[5]); 
     $("input=[name='tab8']").val(value2 * countArray[6]); 

     } 
    });   
}); 

HTML :

<form action="" method="post"><div> 
<p>input 1: <input type="text" name="input1" value=""></p> 
<p> <input type="hidden" name="input1_hidden" value=""></p> 
<p>input 2: <input type="text" name="input2" value=""></p> 
<p> <input type="hidden" name="input2_hidden" value=""></p> 
<p>&nbsp;</p> 
<p>tab 1: <input type="text" name="tab1" value=""></p> 
<p><input type="hidden" name="tab1_hidden" value="10"></p> 

<p>tab 2: <input type="text" name="tab2" value=""></p> 
<p> <input type="hidden" class="hidden" name="tab2_hidden" value="20"></p> 

<p>tab 3: <input type="text" name="tab3" value=""></p> 
<p> <input type="hidden" class="hidden" name="tab3_hidden" value="30"></p> 

<p>tab 4: <input type="text" name="tab4" value=""></p> 
<p> <input type="hidden" class="hidden" name="tab4_hidden" value="40"></p> 

<p>tab 5: <input type="text" name="tab5" value=""></p> 
<p> <input type="hidden" class="hidden" name="tab5_hidden" value="50"></p> 

<p>tab 6: <input type="text" name="tab6" value=""></p> 
<p> <input type="hidden" class="hidden" name="tab6_hidden" value="60"></p> 

<p>tab 7: <input type="text" name="tab7" value=""></p> 
<p> <input type="hidden" class="hidden" name="tab7_hidden" value="70"></p> 

<p>tab 8: <input type="text" name="tab8" value=""></p> 
<p> <input type="hidden" class="hidden" name="tab8_hidden" value="80"></p> 
</div> 
</form> 

http://jsfiddle.net/F6Kht/4/

Answer 2

$('input[name="tab1_hidden"]').val()은 빈 문자열입니다. parseFloat 인 경우 NaN입니다. NaN으로 산술 연산을 수행하면 모든 것을 감염시킵니다.