fair demo

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) );

   }
});

<强>更新

为了适应您的评论，请参阅以下更改。做了这个改变之后，我开始倾向于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)|| '')
    });
});

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

3 个答案:

fair demo