在第三种形式中显示减去两种形式的显示

时间:2014-03-30 10:11:19

标签: javascript forms twitter-bootstrap laravel-4 blade

处理表格中的代码Fritt Klor(减去)总计klor = bundet klor。因此,我希望用户输入fritt klor和total klor中的值以及仅显示结果的表单bundet klor beeing disabled。

考虑一种在javascript中执行此操作的方法,但不确定如何使用。

以下是表格:

<div class="form-group">
    <label  class="col-md-7 control-label">Fritt klor: </label>
    <div class="col-md-5" >
      {{ Form::text('M_Fritt_Klor', Input::old('M_Fritt_Klor'), array('class' => 'form-control' ))  }}  
    </div>
  </div>



  <div class="form-group">
    <label  class="col-md-7 control-label">Total Klor: </label>
        <div class="col-md-5">
            {{ Form::text('M_Total_Klor', Input::old('M_Total_Klor'), array('class' => 'form-control' )) }}  
        </div>
  </div>   

         <div class="form-group">
    <label  class="col-md-7 control-label">Bundet Klor: </label>
        <div class="col-md-5">
            {{ Form::text('M_Bundet_Klor', Input::old('M_Bundet_Klor'), array('class' => 'form-control' )) }}  
        </div>
  </div>

1 个答案:

答案 0 :(得分:1)

你包含了标签twitter-bootstrap所以我认为jQuery是可用的。这是简单的JavaScript代码:

http://jsfiddle.net/eYj8B/14/

$(function() {
  var inputs = $('input[name="M_Fritt_Klor"],input[name="M_Total_Klor"]'),
      output = $('input[name="M_Bundet_Klor"]');
    function parse(value) {
        return parseFloat(value.replace(',','.'));
    }
    function format(value) {
        return Math.round(value * 100) / 100;
    }
  inputs.keyup(function() {
      var value = parse(inputs[0].value)+parse(inputs[1].value);
      if (!isNaN(value)) {
          output.val(format(value).toString().replace('.',','))
      }
  });
});