javascript - JQuery:如何使两个文本输入互相影响？

Question

Pixels <input type="text" name="mytext[]" id="Pixels" value="Text 1"></input>
    <br />
    Percentage <input type="text" name="mytext[]" id="Percentage" value="Text 1"></input>

在第一个输入中输入 10，在第二个输入中输入，如何在字段中输入内容时回显此 *2 以及另一个输入/2。

Answer 1

<强> Demo Fiddle :百分比，

var X = 80;
$('#Pixels').keyup(function(){

    if(!isNaN(this.value)){
       $('#Percentage').val(parseInt(this.value)/X *100)
    }
});

$('#Percentage').keyup(function(){
    $('#Pixels').val(parseInt(this.value) * X/100);

});

<小时/>

• 使用 .val() 或 .value 获取文本框中的值。
• .keyup() 或 .change() 是获取值的事件。
• 还有更多替代方案 jQuery Events