jQuery로 나누어 진 간단한 수학 - division

div에 두 개의 입력을 하나씩 나누고 싶습니다. jQuery로 나누어 진 간단한 수학 - division

<div> 

<input type="number" id="a">/<input type="number" id="b"> 

<input type="submit"> 

<p class="result">RESULT HERE</p> 

</div>

어떻게

이의 수학은 jQuery로 할 수 있는가?

출처

2011-10-17 Stuart Robson

'라벨'속성이란 무엇입니까? – millimoose

'label'은 실제 속성이 아닙니다. 나는 당신이'id' 또는'name'을 의미한다고 생각합니다. –

수학은 jQuery로 수행 할 수 없습니다. 간단한 자바 스크립트를 사용해야합니다. https://developer.mozilla.org/en/JavaScript/Guide –

정말 계산이 이루어지기를 원할 때마다 달라 지지만 수학 자체는 매우 간단합니다. 그냥 표준 division operator, /를 사용

var num1 = $("input[label='a']").val(), 
    num2 = $("input[label='b']").val(), 
    result = parseInt(num1, 10)/parseInt(num2, 10); 
$(".result").text(result);

을 당신은 정수 나누기를 지원하려는 경우도 달려 추측 (나는 parseInt를 사용했습니다 그 이유는 - 필요한 경우 parseFloat을 사용할 수 있습니다).

또한 질문에 대한 언급에서 언급했듯이 label은 유효한 속성이 아닙니다. 더 나은 옵션은 id을 사용하거나 임의로 명명 된 속성을 사용해야하는 경우 HTML5 data-* 속성을 사용하는 것입니다.

$("#someButton").click(function() { 
    //Do stuff when the button is clicked. 
});

출처

2011-10-17 20:55:14

이것을 읽어 주셔서 감사합니다 :) 사용자가 두 개의 숫자를 입력 한 다음 제출 버튼을 클릭하면 가능하다면 같은 페이지에 답을 보여주십시오. 내 HTML에 제출 버튼을 추가해야 할 것 같습니까? :) –

네, 맞아요. 그 요소에 클릭 이벤트 핸들러를 바인딩해야합니다. 내 편집을 참조하십시오. –

'/'는 자동으로 숫자로 변환 할 것이므로 간단하게'num1/num2'을 할 수 있습니다. – pimvdb

: 당신은 당신이 코드가 버튼을 클릭하면 실행하려는 것을 언급했듯이 의견

에 따라

업데이트, 당신이 오직 할 필요가있는 click 이벤트에 바인딩입니다 마크 업을 논리와 혼합합니다. HTML 요소는 구조 표현 용으로 만 나눌 수 없습니다. 대신 자바 스크립트로 값을 가져 와서 수학을 적용하고 결과 값으로 HTML을 업데이트해야합니다.

출처

2011-10-17 21:18:28

jQuery로 나누어 진 간단한 수학 - division

답변

관련 문제