处理表格中的代码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>
答案 0 :(得分:1)
你包含了标签twitter-bootstrap所以我认为jQuery是可用的。这是简单的JavaScript代码:
$(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('.',','))
}
});
});