求一段javascript代码，实时显示自动求乘积的结果？最好是给我一段代码呀，本人菜鸟哦
2个回答
展开全部
废话不说，看代码：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<script type="text/javascript">
window.onload = function(){
var radios = document.getElementsByTagName('input');
for(var i=0; i<radios.length; i++){
radios[i].onclick = change;
}
change();
};
function change(){
var v1 = parseFloat(getRadioVal('val1'));
var v2 = parseFloat(getRadioVal('val2'));
document.getElementById('result').innerHTML = v1+v2;
}
function getRadioVal(name){
var radios = document.getElementsByName(name);
for(var i=0; i<radios.length; i++){
if(radios[i].checked){
return radios[i].value;
}
}
}
</script>
</head>
<body>
<table width="600" border=1>
<tr>
<td width="200">值1</td>
<td>
<input type="radio" value="1" name="val1" checked="checked" />1
<input type="radio" value="5" name="val1" />5
<input type="radio" value="7" name="val1" />7
</td>
</tr>
<tr>
<td>值2</td>
<td>
<input type="radio" value="0.2" name="val2" checked="checked" />0.2
<input type="radio" value="3" name="val2" />3
<input type="radio" value="8" name="val2" />8
</td>
</tr>
<tr>
<td>结果=</td>
<td id="result"> </td>
</tr>
</table>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<script type="text/javascript">
window.onload = function(){
var radios = document.getElementsByTagName('input');
for(var i=0; i<radios.length; i++){
radios[i].onclick = change;
}
change();
};
function change(){
var v1 = parseFloat(getRadioVal('val1'));
var v2 = parseFloat(getRadioVal('val2'));
document.getElementById('result').innerHTML = v1+v2;
}
function getRadioVal(name){
var radios = document.getElementsByName(name);
for(var i=0; i<radios.length; i++){
if(radios[i].checked){
return radios[i].value;
}
}
}
</script>
</head>
<body>
<table width="600" border=1>
<tr>
<td width="200">值1</td>
<td>
<input type="radio" value="1" name="val1" checked="checked" />1
<input type="radio" value="5" name="val1" />5
<input type="radio" value="7" name="val1" />7
</td>
</tr>
<tr>
<td>值2</td>
<td>
<input type="radio" value="0.2" name="val2" checked="checked" />0.2
<input type="radio" value="3" name="val2" />3
<input type="radio" value="8" name="val2" />8
</td>
</tr>
<tr>
<td>结果=</td>
<td id="result"> </td>
</tr>
</table>
</body>
</html>
追问
你这个似乎对同一页面里的其他都用不了了啊
追答
我是为了省事，你可以在每个radio的标签中手动加上onclick事件
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
1: 给值1 , 值2 增加onchange事件(值改变事件)
2: 增加事件响应函数 计算结果
jsp:
onchange='calculateResult(this)'
js:
function calculateResult(obj){
var a = document.getElementById("值1的ID").value;
var b = document.getElementById("值2的ID").value;
document.getElementById("结果的ID").value=a*b;
}
2: 增加事件响应函数 计算结果
jsp:
onchange='calculateResult(this)'
js:
function calculateResult(obj){
var a = document.getElementById("值1的ID").value;
var b = document.getElementById("值2的ID").value;
document.getElementById("结果的ID").value=a*b;
}
追问
你这个对input text管用，但是对<input type="radio"似乎不行，他只会取第一个值，不信你试试
追答
input-Radio取值方法, 传入Radio空间Name参数
function GetRadioValue(RadioName){
var obj;
obj=document.getElementsByName(RadioName);
if(obj!=null){
var i;
for(i=0;i<obj.length;i++){
if(obj[i].checked){
return obj[i].value;
}
}
}
return null;
}
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
