问答博客资讯标签用户活动
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表单设置可联动，可自定义？

头像
北山鸟
    55
    新手上路，请多包涵
     <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.5k
    3 个回答
    得票最新
    头像
    未央
      255110
      ✓ 已被采纳

      只对 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.2k1266133

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

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

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