在第三个表格中显示两个表格的减号已禁用

Question

处理格式为 Fritt Klor (minus) Total 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>

Answer 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('.',','))
      }
  });
});