两个文本框的值添加后自动获取值

本文介绍如何使用JavaScript获取HTML页面中多个文本框的值,并实现两数值相乘的功能。通过具体示例代码展示了事件触发函数的应用及innerHTML属性的使用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1,获取所些文本框的值

 1 <script>
 2         function show() {
 3             var a1 = document.getElementById("a1");
 4             var a2 = document.getElementById("a2");
 5             var show = document.getElementById("show");
 6             show.innerHTML = "a1的值是:" + a1.value + "; a2的值是: " + a2.value;
 7         }
 8     </script>
 9  <input name="a1" type="text" id="a1" onchange="show()" />
10     <input name="a2" type="text" id="a2" />
11     <input type="button" name="Submit" value="按钮" onclick="show();" />
12     <div id="show"></div>

2,若是求两数之集的话

<script>
    function show() {
        var a1 = document.getElementById("a1");
        var a2 = document.getElementById("a2");
        var a3 = document.getElementById("a3");
        a3.value = a1.value * a2.value;
       
    }
</script>
body中写
  <input name="AWprice" type="text" id="a1"  /> <input name="AddWareNumber" type="text" id="a2" onchange="show()" /> <input id="a3" type="text" name="AWMoney" />

效果图

转载于:https://www.cnblogs.com/lyq666666/p/5766219.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值