2016-08-28 2 views
0

비슷한 계산기를 만들고 싶습니다 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)는 값을 반환 :(

+0

답변의 소유자는 answer : p의 품질에 대한 의견을 통해 부끄럽기 때문에 삭제했습니다. –

답변

1

... 그것을 복사 할 수 없습니다 제거,하지만 당신 ' 볼륨을 계산할 때 사용할 수 있도록 어딘가에 저장해야합니까?

+2

답변은 대개 물음표로 끝나지 않습니다. –

+0

네, 문제를 해결할 수 있거나 할 수 없었습니다. 아이디어이며, 분명히 그 코드는 그렇지 않습니다. 현재는 의미가 없습니다. 그래서 나는 그가 그를 시험해 볼 수 있도록 그곳에 놓을 생각이었습니다. 수정하면 받아 들일 수 있습니다. 그렇지 않다면, 아무 것도 없습니다. 그게 다 끝난 것이 아닌가? – Whothehellisthat

관련 문제