问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

js 2个input表单设置可联动，可自定义？

头像
北山鸟
    515
    新手上路，请多包涵
     <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标签自己的为准，怎么实现呢？

    javascriptinput前端html5
    阅读 2.6k
    3 个回答
    得票最新
    头像
    未央
      256111
      ✓ 已被采纳

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

      document.querySelector('#a').addEventListener('change', function () {
        document.querySelector('#b').value = this.value * 1.5;
    })
      头像
      玛拉_以琳
        8.7k41542

        你这里获取元素就错了:
        image.png

        <body>
  <input type="text" id="a">
  <input type="text" id="b">

</body>

<script>

  document.querySelector('#a').addEventListener('change', function () {
    document.querySelector('#b').value = this.value * 1.5;
  })
</script>
````
        头像
        linong
          29.2k1368137

          增加一个标记，当 b 触发 keydown、change、input 之类的方法时记录标记。

          然后就是通过标记来判断 b 中的值是通过什么方式赋值。

          撰写回答
          你尚未登录，登录后可以
          • 和开发者交流问题的细节
          • 关注并接收问题和回答的更新提醒
          • 参与内容的编辑和改进，让解决方法与时俱进
          推荐问题