Question

我需要在jquery上创建一个执行基本操作（+， - ，*，/）的计算器。操作数取自表单输入和表单选择操作。结果打印在表格标签上。此时，它将选择任何选项的2个值相加。继承我的代码：

$('document').ready(function(){
var op = $( "#operacion" ).val();

if ( op == "suma") {
    $('#calcular').click(function(){
        suma = parseFloat($('#operador1').val()) + parseFloat($('#operador2').val());
        $("#res").text(suma);
    }); 
}
else if ( op == "resta") {
    $('#calcular').click(function(){
        resta = parseFloat($('#operador1').val()) - parseFloat($('#operador2').val());
        $("#res").text(resta);
    }); 
}
else if ( op == "multiplicacion") {
    $('#calcular').click(function(){
        multiplicacion = parseFloat($('#operador1').val()) * parseFloat($('#operador2').val());
        $("#res").text(multiplicacion);
    }); 
}
else {
    $('#calcular').click(function(){
        division = parseFloat($('#operador1').val()) / parseFloat($('#operador2').val());
        $("#res").text(division);
    }); 
}
});

Answer 1

你必须检查点击功能里面的“op”。类似的东西：

$('document').ready(function(){

  $('#calcular').click(function(){
    var op = $( "#operacion" ).val();
    var result;
    if ( op == "suma") {
      result = parseFloat($('#operador1').val()) + parseFloat($('#operador2').val());
    }
    else if ( op == "resta") {
      result = parseFloat($('#operador1').val()) - parseFloat($('#operador2').val());
    }
    // ....
    
    $('#res').text(result);
  }); 
});

原因：您在页面加载时保存操作符，页面加载始终是选择中的第一个元素（如果不是其他属性，则按属性选择）。

简单的jquery计算器，带有选择的数据

1 个答案: