js 2个input表单设置可联动,可自定义?

作者站长头像
站长
· 阅读数 7
 <input type="text" id="#a">
 <input type="text" id="#b">

let number = query('#a').value
document.querySelector('#b').value = number * 1.5;

2个input标签数据已联动,但不能单独修改#b的数据

需求就是,#b标签不写就以#a标签*1.5比例为准,修改就以#b标签自己的为准,怎么实现呢?

回复
1个回答
avatar
test
2024-07-03

只对 id=a 添加事件委托。限制当 A 的 value 发生变化时触发该事件。

document.querySelector('#a').addEventListener('change', function () {
        document.querySelector('#b').value = this.value * 1.5;
    })
回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容