Javascript JQuery：如何使两个文本输入相互影响？ 像素 百分比

在第一个输入中输入10，在第二个输入中，当在字段中输入内容时，如何回显此*2和其他输入/2。

：对于百分比

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>

---

• 使用

  .val（）

  或

  .value

  获取文本框中的值
• 或是获取值的事件
• 还有更多的选择
：对于百分比

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>

---

• 使用

  .val（）

  或

  .value

  获取文本框中的值
• 或是获取值的事件
• 还有更多的选择

---

---

你试过什么吗？这可能是开始VarX的一个好方法？百分比是多少？Var X是一个变量，将在稍后的日期@shaunakde设置，只要我能让两个字段在另一个字段上显示正在编辑的内容，我知道如何进行所涉及的数学运算，所以我真的应该问这个问题……

input

元素是什么，所以它们没有结束标记。你可以使用
或
你试过什么吗？这可能是开始VarX的一个好方法？百分比是多少？Var X是一个变量，将在稍后的日期@shaunakde设置，只要我能让两个字段在另一个字段上显示正在编辑的内容，我知道如何进行所涉及的数学运算，所以我真的应该问这个问题……

input

元素是什么，所以它们没有结束标记。你可以使用
或
这是完美的@shaunakde，我编辑是为了更具体，所以这并不意味着我直接要求完成我的原创，但你必须在编辑之前看到，并为我的网站制作了完美的部分。谢谢：）+1为了帮助@Timmarlhthis is perfect@shaunakde，我进行了编辑以使其更具体，因此这并不意味着我直接要求完成我的原创，但在编辑之前，您必须看到，并为我的网站制作了完美的部分。谢谢：）+1帮助@TimmarlTank you@Oriol，另一个完美的答案：）+1我以前从未使用过数字输入类型，这只会让它变得更好！谢谢大家!@TimMarshall HTML5对表单做了很多改进：）谢谢@Oriol，另一个完美的答案：）+1我以前从未使用过数字输入类型，这只会让它变得更好！谢谢大家!@TimMarshall HTML5改进了很多表单：）

var X = 100;

var inp1 = document.getElementById('Pixels'),
    inp2 = document.getElementById('Percentage');

inp1.onchange = function() {
    var num = this.value = Math.max(Math.min(this.value, X), 0);
    inp2.value = num / X * 100;
};
inp2.onchange = function() {
    var num = this.value = Math.max(Math.min(this.value, 100), 0);
    inp1.value = num * X / 100;
};