2014-12-11 3 views
-5

Я хочу создать кнопку «добавить» в моем калькуляторе jQuery. Когда я нажимаю кнопку «Добавить», на дисплее отображается «+», и число, которое я ввело, будет сохранено. После этого я могу ввести другое число, чтобы закончить уравнение. Я могу застрять в части кнопки добавления, не уверен, как это сделать. Нужно ли использовать load()?

+0

Вы забыли, где вы задаете вопрос. Что-то в вашем коде не работает? Вы получаете сообщение об ошибке? Неожиданные результаты? Где вы застряли и как мы можем помочь? – David

+0

Дополнительная информация для David: Где ваш php-код и почему вы хотите делать вычисления на PHP, а не напрямую с js? – Mainz007

+0

Игнорируйте часть php. Я хочу сделать кнопку «добавить», чтобы сохранить данные, и $ post it php. Тем не менее, я застрял в этой кнопке добавления. Я не знаю, что мне нужно делать. Нужно ли использовать load(). ? –

ответ

0

Попробуйте это. Сделано решение с ограниченными входами вы дали

http://jsfiddle.net/sabkaraja/utc7f2ex/

Вы можете решить, что вы хотите сделать с добавленной стоимостью в # add.click (....) событие. Я использовал простой eval, чтобы получить результат.

$(function() { 
    var $display = $('#display'); 
    $display.val(0); 


    $(document).on('click', 'button.number', function() { 
     if ($display.val().length >= 8) { 
      $display.val("Error"); 
     } else if ($display.val() == "Error") { 
      $display.val("0"); 
     } else { 
      $display.val($display.val() + '+' + $(this).val()); 

     } 
    }); 
    $("#clear").click(function() { 
     $display.val("0"); 
    }); 
    $("#ce").click(function() { 
     if ($display.val().length >= 2) { 
      $display.val($display.val().substring(0, $display.val().length - 1)); 
     } else { 
      $("#ce").trigger("click"); 
     } 
    }); 

    $("#add").click(function() { 
     if ($display.val().length !== 0) { 
      v = eval($display.val()); //<----- here is where I add the numbers 
      $display.val(v); //------------> do whatever you like to do after this 
      $.ajax({ 
        url: 'submit.php', 
        type: 'POST', 
        dataType :'html', 
        data: {sum: v}, 
        success: function(data) { 
         alert(data); 
        } 
      }); 
     } 
    }); 
});