2017-02-10 27 views
-4

我创建了2个数字的总和,但现在想要用multipy两个数字更改此代码。乘以在文本字段中输入的两个数字,并使用jquery提醒答案

<html> 
    <head> 
    <title>Jquery</title> 
    <script src="jquery.js"></script> 
    <script> 
     $(function(){ 
      $('.ck').click(function(){ 
       var a=parseInt($('.n1').val()); 
       var b=parseInt($('.n2').val()); 
       var c=a+b; 
       alert("The sum is " + c); 
      }) 
     }) 

    </script> 
</head> 
<body> 
    Enter Number 1<input type="text" class="n1"/><br/> 
    Enter Number 2<input type="text" class="n2"/><br/> 
    <input type="button" value="Add" class="ck"/> 
</body> 
    </html> 
+0

那是一个错字?你想知道如何模拟数字(即'var c = a * b;'),还是你想要处理多组两个数字? –

+0

一个简单的谷歌搜索应该会为你解答。在提出问题之前,预计基础研究 – charlietfl

回答

1

在JavaScript中两个数相乘的方法是与运营商*

你的新代码应该是这样的,有*更换+

<html> 
    <head> 
    <title>Jquery</title> 
    <script src="jquery.js"></script> 
    <script> 
     $(function(){ 
      $('.ck').click(function(){ 
       var a=parseInt($('.n1').val()); 
       var b=parseInt($('.n2').val()); 
       var c=a * b; 
       alert("The sum is " + c); 
      }) 
     }) 

    </script> 
</head> 
<body> 
    Enter Number 1<input type="text" class="n1"/><br/> 
    Enter Number 2<input type="text" class="n2"/><br/> 
    <input type="button" value="Add" class="ck"/> 
</body> 
    </html> 
0

处理乘法

如果你想乘两个数字,而不是将它们,只需改变你的运营商from addition + to multiplication *

var c = a * b; 
alert("The sum is " + c); 

处理价值

如果要处理两个数的多组,多组,那么你可能会想有点不同构造代码。考虑使用一个CSS类为“集团”你的两个值,然后才能给你结果不出所料:

$(function() { 
 
    $('input').on('input', function() { 
 
    // Find the closest set and recalculate it 
 
    var set = $(this).closest('.set'); 
 
    // Get your values 
 
    var n1 = parseInt(set.find('.n1').val() || 0); 
 
    var n2 = parseInt(set.find('.n2').val() || 0); 
 
    // Set their result 
 
    set.find('.result').val(n1 * n2); 
 
    }); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class='set'> 
 
    <input class='n1' />* 
 
    <input class='n2' />= 
 
    <input class='result' disabled /> 
 
</div> 
 
<div class='set'> 
 
    <input class='n1' />* 
 
    <input class='n2' />= 
 
    <input class='result' disabled /> 
 
</div>

相关问题