两个输入字段
<input type="text" id="input-value" />
<input type="text" id="output-value" readonly />
Run Code Online (Sandbox Code Playgroud)
还有一些简单的jQuery
var $output = $("#output-value");
$("#input-value").keyup(function() {
var value = parseFloat($(this).val());
$output.val(value*2);
});
Run Code Online (Sandbox Code Playgroud)
假设这样的结构:
<input id="inputfield1" type="text" />
<input id="inputfield2" type="text" />
Run Code Online (Sandbox Code Playgroud)
你可以使用这段代码:
$("#inputfield1").keyup(function() { // when key is released in "#inputfield1"
// "change()" is also possible instead of "keyup()", slightly different behavior
var input_value = parseFloat($("#inputfield1").val()); // get number as float
// alternately parseInt(string, 10), in case you work with integers
if (!isNaN(input_value)) { // the input is a number
$("#inputfield2").val(input_value * 2); // update second field
} else { // the input wasn't a number
$("#inputfield2").val("not a number?"); // show an error mesage
}
});
Run Code Online (Sandbox Code Playgroud)