首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >添加和更改3个文本框的值

添加和更改3个文本框的值
EN

Stack Overflow用户
提问于 2011-09-05 12:05:47
回答 1查看 675关注 0票数 0

我有3个文本框(testbox,testbox2,testbox3),它们从输入字段、单选按钮选择和复选框/勾选中获取值。正确的值放入testbox3、testbox2、testbox中。

然而,我需要测试框,testbox2,testbox3的总进入文本框‘总’-与总的变化,如果用户选择不同的单选按钮或勾选/取消勾选等。

还有一件事,我需要总数也显示在表单中,回声,(除了进入文本框-这最终将被隐藏)。

谢谢。

代码语言:javascript
复制
 <head>
 <script type="text/javascript">
 function checkboxClick() {
 var textbox = document.forms[0].testbox3;
 textbox.value = (textbox.value == 0) ? '1.00' : '0.00';
 }
 </script> 
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>Untitled Document</title>
 </head>
 <form action="" method="get">
 <input name="form1" type="radio" onclick="document.forms[0].testbox2.value='0.00'; "/>
 <input name="form1" type="radio" onclick="document.forms[0].testbox2.value='1.00'; "/>
 <input name="" type="checkbox" value="" onclick='checkboxClick()'/>
 <input name="testbox" type="text" value"2.00"/>
 <input name="testbox2" type="text" value"0.00"/>
 <input name="testbox3" type="text" value="0.00"/>

 <input name="total" type="text" value=""/>

 </form>
 <body>
 </body>
 </html>
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2011-09-05 12:12:37

如何编写一个函数来更新总数(并小心地将文本框输入解析为浮点数):

代码语言:javascript
复制
  function updateTotal() {
    var textbox1val = parseFloat(document.forms[0].testbox.value);
    var textbox2val = parseFloat(document.forms[0].testbox2.value);
    var textbox3val = parseFloat(document.forms[0].testbox3.value);
    var total = textbox1val + textbox2val + textbox3val;
    document.forms[0].total.value = total;
  }

然后在onchange属性中调用此函数?

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/7303812

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档