使用jQuery单击按钮并显示按钮的值

时间:2014-12-09 18:55:32

标签: jquery ajax

我是jQuery的新手,我正在尝试制作一个jquery ajax计算器。我已经为界面创建了一个html。但是,我陷入js中点击功能的部分。我想将显示器0设置为默认值,我想单击数字按钮并将其显示在显示器中。

1 个答案:

答案 0 :(得分:1)

$(function(){
    // set value to 0 at first
    $('#display').val(0);

    $(document).on('click', 'button.number', function(){
        $('#display').val($(this).val());
    });
});

在此测试:http://jsfiddle.net/xzg70up3/

保留数字:

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

    $(document).on('click', 'button.number', function(){
        if($display.val() != 0) {
            $display.val($display.val() + $(this).val());
        } else {
            $display.val($(this).val());
        }

    });
});

小提琴:http://jsfiddle.net/qohdjovu/