我有3个input的输入框,我想前2个输入框输完值,第三个输入框马上显示前2个输入框的乘积,如果我更改前2个输入框的值都能够实时改变第三个输入框的值jqueryjavascriptwebjava

解决方案 »

  1.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>test.html</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script type="text/javascript" src="jquery-1.4.2.min.js"></script>
    <script>
    $(function(){
    var v1 = '';
    var v2 = '';
    $('#t1').keyup(function(){
    v1 = $(this).val();
    });
    $('#t2').keyup(function(){
    v2 = $(this).val();
    if(v1 == ''){//验证第一个是否输入
    //alert('第一个文本框不为空');
    return false;
    }else{
    if(v2 == ''){
    //alert('第二个文本框不为空');
    }else{
    $('#t3').val(parseInt(v1)*parseInt(v2));
    }
    }
    });
    });

    </script>
    </head>
    <body>
    <input type="text" id="t1" />
    <input type="text" id="t2" />
    <input type="text" id="t3" />
    </body>
    </html>