2014-12-09 3 views
-2

안녕하세요, jQuery를 처음 사용하고 jquery 아약스 계산기를 만들려고합니다. 인터페이스에 대한 html을 만들었습니다. 그러나, 나는 js에서 클릭 기능의 부분에 붙어 얻을. 나는 디폴트로 디스플레이 세트 0을 원하고 숫자 버튼을 클릭하여 디스플레이에 디스플레이하려고합니다. 여기jQuery를 사용하여 단추를 클릭하고 단추의 값을 표시하십시오.

+1

? - 아약스는 서버 측 코드와 협력하여 작동합니다. 어느 쪽을 사용합니까? PHP/asp/asp.net/etc ... – Banana

+0

나는 결과를 위해 서버 측에서 PHP를 사용하지만 여전히 시도하고있다. –

+0

$ ("button"). (function() {$ ("# display")}. (0) .value + = $ (this) .val();}); – Zorkind

답변

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/

+0

그것은 대단히 감사합니다 코드에서 그것은 오직 1 숫자를 표시합니다. 예를 들어 2의 숫자를 원할 경우 "22" –

+0

내 업데이트 된 답변보기. –

+1

단순한 것에 대한 코드가 너무 많습니다. 내 의견으로는 + 연산자가 더 잘 작동합니다. 나는 OP에서 내 코멘트에서 보여주었습니다. 나는 필터의 클래스 번호에 동의한다. – Zorkind

관련 문제