javascript - 为什么第三个input框没显示第一个和第二个input框相加的值？

Question

<input type="text" id="aa" />

<input type="text" id="bb" />

<input type="text" id="cc" />

<button>相加</button>

<script> 
 function sum(){
    var val1=$('#aa').val().trim();
        varl1=parseInt(val1);
    var val2=$('#bb').val().trim();    
       varl2=parseInt(val2);
    var val3=val1+val2;
    var cc=$('#cc').val();    
        cc=val3;        
 }
 
 $('button').click(function(){  
      sum();
 });

</script>

Answer 1

<script>
    function sum(){
        var val1=$('#aa').val().trim();
        val1=parseInt(val1)||0;//处理非数字
        var val2=$('#bb').val().trim();
        val2=parseInt(val2)||0;//处理非数字
        var val3=val1+val2;
        $('#cc').val(val3);//赋值
    }

    $('button').click(function(){
        sum();
    });
</script>

Answer 2

function sum(){

var val1=$('#aa').val();
   
var val2=$('#bb').val();    

var val3=parseInt(val1)+parseInt(val2);

var cc=parseInt($('#cc').val());    
    cc+=val3;       

}

$('button').click(function(){

  sum();

});

Answer 3

@kikong 的答案是正确的,jquery基本用法,你把#cc的值取出来赋给cc,但并没有把相加后的值再赋给他

Answer 4

1. 变量名有问题!

2. 并未对第三个输入框赋值
   http://www.php100.com/manual/jquery/

Answer 5

对第三个input的赋值操作错了。

 //转化为数字
 function toNumber(num){
   return $.isNumeric(num)?num-0:0;
 };
 //求和
 function sum(){ 
   $('#cc').val(toNumber($('#aa').val())+toNumber($('#bb').val()));          
 }
 
 $('button').click(function(){  
   sum();
 });

Answer 6

function sum() {
        var val1 = $('#aa').val().trim();
        varl1 = parseInt(val1);
        var val2 = $('#bb').val().trim();
        varl2 = parseInt(val2);
        var val3 = val1 + val2;
        $('#cc').val(val3);
    }

    $('button').click(function() {
        sum();
    });

主要是这句

 var cc=$('#cc').val();    
        cc=val3;

这里是得到cc的值，为空，然后把val3的值赋给cc并没有进行操作。所以浏览器的输入框并不会出现val1+val2的值

jq改变input输入内容的方法为

$('选择器').val('值')