通过添加文本框的值更新jQuery中的标签

Question

我想知道是否有人可以请帮助我一个jQuery脚本。我正在使用MVC 2.

我有2个文本框。当值输入到文本框中时，这些值的总和应显示在用户键入的标签控件中。因此，如果页面加载，则文本框为空，因此标签也必须为空（空白）。当用户键入一个像10那样的值时，应该在标签中显示10。如果用户输入5到另一个文本框中，则应该显示15。如果用户清除2个文本框，则标签应该再次变为空白。

我希望有人能帮助这里:)

感谢

Answer 1

$('#textbox1, #textbox2').keyup(function() { 

    $('#label').html(''); 

    var val1 = $('#textbox1').val(); 
    var val2 = $('#textbox2').val(); 

    if(!isNaN(val1) && !isNaN(val2)) { 

     $('#label').html(parseInt(val1, 10) + parseInt(val2, 10)); 

    } 
}); 

UPDATE

为了适应您的评论，请参阅下面的变化。做了这个改变之后，我开始倾向于Reigel的答案，但也许修改0的结果总是被表示为一个空字符串。

$('#textbox1, #textbox2').keyup(function() { 

    $('#label').html(''); 

    var val1 = $('#textbox1').val(); 
    var val2 = $('#textbox2').val(); 

    if(!isNaN(val1) || !isNaN(val2)) { 

     $('#label').html((parseInt(val1, 10) || 0) + (parseInt(val2, 10) || 0)); 

    } 
}); 

Answer 2

$("#textBox1").keydown(function(event) { 
    updateLabel(); 
}); 
$("#textBox2").keydown(function(event) { 
    updateLabel(); 
}); 
function updateLabel() 
{ 
    var val = 0; 
    if(isNaN($("#textBox1").val()) && isNaN($("#textBox1").val())) 
    { 
     $("#myLabel").val(""); 
     return; 
    } 
    if(!isNaN($("#textBox1").val())) 
     val += $("#textBox1").val(); 
    if(!isNaN($("#textBox2").val())) 
     val += $("#textBox2").val(); 
    $("#myLabel").val(val); 
} 

Answer 3

$(document).ready(function() { 
    $('#num1, #num2').keyup(function(){ 
     var num1 = parseInt($('#num1').val(),10) || 0; 
     var num2 = parseInt($('#num2').val(),10) || 0; 
     $('label.sum').text((num1 + num2)|| '') 
    }); 
});​ 

fair demo