在禁用的第三种形式中显示两种形式的减号

Question

处理形式为Fritt Klor（减号）的代码总计klor = bundet klor。因此，我希望用户输入fritt klor和总klor中的值以及仅显示结果的禁用表格bundet klor。

思考一种在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的引导，所以我认为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('.',',')) 
     } 
    }); 
});