Javascript Onclick事件处理程序 [英] Javascript Onclick event handler
本文介绍了Javascript Onclick事件处理程序的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我在使用Javascript Onclick事件处理程序时遇到问题,我还没有单击单选按钮,然后按了提交按钮,它直接向我显示了总费用.我可以知道怎么解决吗
第二个问题是我想以警报形式显示总成本.我可以知道吗?
这是我的编码
I got a problem with the Javascript Onclick event handler, i haven click the radio button and press the submit button, it direct show me the total cost. May i know how to solve it
and the second problem is i want to made the total cost show in alert form. May i know how??
this is my coding
<?xml version = "1.0" encoding = "utf-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<head><title> Practical Lab 5.5</title>
<script type = "text/javascript" src = "sum.js"></script></head>
<body>
<form name = "myForm" action = "" >
Motherboard (RM59 each) <input type="radio" id="value1" name="value1" onclick ="addNumbers(val1)" value="59" />
<br />
Harddisk (RM49 each) <input type="radio" id="value2" name="value2" onclick ="addNumbers(val2)" value="49" />
<br />
Keyboard (RM39 each) <input type="radio" id="value3" name="value3" onclick ="addNumbers(val3)" value="39" />
<br />
<input type="button" name="Submit" value="Submit" onclick="javascript:addNumbers()"/>
<br />
Total cost including 5% tax = <input type="text" id="answer" name="answer" value=""/>
</form>
</body>
</html>
function addNumbers()
{
var val1 = parseInt(document.getElementById("value1").value);
var val2 = parseInt(document.getElementById("value2").value);
var val3 = parseInt(document.getElementById("value3").value);
var ansD = document.getElementById("answer");
ansD.value = val1 + val2 + val3 + 7.35;
}
推荐答案
只是一些想法
为什么使用
just some idea
why do you use
<input type="text" id="answer" name="answer" value="" />
您可以使用
you could use
<span id="answer"></span>
和
document.getElementById("answer").innerHTML = val1 + val2 + val3 + 7.35;
我不是js专家,但有时我会使用数字"功能
例如,我会尝试
i''m not a js guru, but sometimes i use "number" function
example i''d try
document.getElementById("answer").value = Number(val1) + Number(val2) + Number(val3) + 7.35;
这篇关于Javascript Onclick事件处理程序的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文