비슷한 계산기를 만들고 싶습니다 here. 그것은 뿌리 덮개의 볼륨을 계산합니다. 방문객은 너비, 길이 및 높이 (두께)의 세 가지 숫자를 삽입하고 구매해야하는 금액을 알려줍니다.볼륨을 계산하십시오
HTML :
<form method="post" accept-charset="UTF-8">
<div class="form_area">
<div class="form_fields">
<div class="form_field ">
<label class="form_field_label">Width (m)</label>
<input type="text" value="" name="laius" id="laius" rel="calc" class="form_field_textfield form_field_size_medium">
</div>
<div class="form_field ">
<label class="form_field_label">Length (m)</label>
<input type="text" value="" name="pikkus" id="pikkus" rel="calc" class="form_field_textfield form_field_size_medium">
</div>
<div class="form_field ">
<label class="form_field_label">Thickness (cm)</label>
<input type="text" value="" name="paksus" id="paksus" rel="calc" class="form_field_textfield form_field_size_medium">
</div>
<div class="form_field ">
<label class="form_field_label">Total (m<sup>3</sup>)</label>
<input type="text" value="" readonly name="kokku" id="kokku" class="form_field_textfield form_field_size_small">
</div>
</div>
<div class="form_submit">
<input type="submit" value="Arvuta" id="calc_submit" name="commit">
</div>
</div>
</form>
자바 스크립트 :
! function($) {
$(function() {
$("[rel='calc']").arvutus();
});
$.fn.arvutus = function() {
var inputs = $(this);
var kokku = $("#kokku:first");
inputs.bind("change keyup", function() {
var obj = $(this);
if (obj.val() !== "") {
parseFloat(obj.val()).toFixed(2);
};
arvuta();
});
$("#calc_submit").bind("click", function(e) {
e.preventDefault();
arvuta();
});
function arvuta() {
var width = inputs.filter("#laius").val();
width = width.toString();
width = width.replace(",", ".");
var lenght = inputs.filter("#pikkus").val();
lenght = lenght.toString();
lenght = lenght.replace(",", ".");
var thickness = inputs.filter("#paksus").val();
thickness = thickness.toString();
thickness = thickness.replace(",", ".");
thickness = thickness/100;
var sum = width * lenght * thickness
sum = sum.toFixed(2);
kokku.val(sum + " m3 multši.");
};
};
}(window.jQuery);
내가 jsfiddle,에 HTML과 자바 스크립트를 삽입하지만 광산이 작동하지 않습니다. 아마 나는 아주 명백한 것을 놓친다. 좀 더 자바 스크립트?
업데이트 :는 조금 전, 누군가가 작업 코드를 제공하지만, 사회자가 이렇게 빨리 내가 코드 parseFloat(obj.val()).toFixed(2)
는 값을 반환 :(
답변의 소유자는 answer : p의 품질에 대한 의견을 통해 부끄럽기 때문에 삭제했습니다. –