javascript，单选按钮和文本框的值相乘
不知道意思表达清楚没，现在有三个单选按钮和两个文本框，当点击任何一个单选按钮或者在文本框输入数量时，实时在另一个文本框中显示选中的单选按钮和文本框值的乘积。可以用jque...
不知道意思表达清楚没，现在有三个单选按钮和两个文本框，当点击任何一个单选按钮或者在文本框输入数量时，实时在另一个文本框中显示选中的单选按钮和文本框值的乘积。可以用jquery实现。
展开
5个回答
展开全部
你把下面的复制下来运行看看，保证没有问题：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<script language="JavaScript" type="text/javascript">
var radioValue = 1;
function GetResult()
{
document.getElementById("inputResult").value = parseInt(document.getElementById("inputTXT").value) * radioValue;
}
function ClickChange(obj)
{
radioValue = obj.value;
GetResult();
}
</script>
<form id="form1" name="form1" method="post" action="">
<table width="800" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="139">
<input name="rad" type="radio" value="1" checked="checked" onclick="ClickChange(this)"/>
一倍成绩 <br />
<input name="rad" type="radio" value="2" onclick="ClickChange(this)"/>
二倍成绩<br />
<input name="rad" type="radio" value="3" onclick="ClickChange(this)"/>
三倍成绩
</td>
<td width="199">
<input name="inputTXT" type="text" id="inputTXT" value="0" onchange="GetResult()"/>
</td>
<td width="462">
<input name="inputResult" type="text" id="inputResult" />
</td>
</tr>
</table>
</form>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<script language="JavaScript" type="text/javascript">
var radioValue = 1;
function GetResult()
{
document.getElementById("inputResult").value = parseInt(document.getElementById("inputTXT").value) * radioValue;
}
function ClickChange(obj)
{
radioValue = obj.value;
GetResult();
}
</script>
<form id="form1" name="form1" method="post" action="">
<table width="800" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="139">
<input name="rad" type="radio" value="1" checked="checked" onclick="ClickChange(this)"/>
一倍成绩 <br />
<input name="rad" type="radio" value="2" onclick="ClickChange(this)"/>
二倍成绩<br />
<input name="rad" type="radio" value="3" onclick="ClickChange(this)"/>
三倍成绩
</td>
<td width="199">
<input name="inputTXT" type="text" id="inputTXT" value="0" onchange="GetResult()"/>
</td>
<td width="462">
<input name="inputResult" type="text" id="inputResult" />
</td>
</tr>
</table>
</form>
</body>
</html>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
假如单选框的name="radio"
输入框的id="inputText"
显示框的id="showText"
$("*[name=radio]").change(function(){
var count=$("this").val()*$("#inputText").val();
$("#showText").val(count);
})
$("#inputText").keypress(function(){
var count=$("this").val()*$("*[name=radio]")..val();
$("#showText").val(count);
})
你的意思是这样的吗？如果还又不懂的话HI我。我天天在线
输入框的id="inputText"
显示框的id="showText"
$("*[name=radio]").change(function(){
var count=$("this").val()*$("#inputText").val();
$("#showText").val(count);
})
$("#inputText").keypress(function(){
var count=$("this").val()*$("*[name=radio]")..val();
$("#showText").val(count);
})
你的意思是这样的吗？如果还又不懂的话HI我。我天天在线
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<script>
function eq()
{
var s=0,i=0;
var rs = document.getElementsByName("r");
for(i=0;i<3;i++)
{
if(rs[i].checked==true)
s=rs[i].value;
}
s*=document.getElementById("t1").value;
document.getElementById("t2").value=s;
}
</script>
<input type="radio" name="r" value="10" onclick="eq()">10
<input type="radio" name="r" value="34" onclick="eq()">34
<input type="radio" name="r" value="29" onclick="eq()">29
x
<input type="text" id="t1" onkeypress="eq()">
=
<input type="text" id="t2" readonly>
function eq()
{
var s=0,i=0;
var rs = document.getElementsByName("r");
for(i=0;i<3;i++)
{
if(rs[i].checked==true)
s=rs[i].value;
}
s*=document.getElementById("t1").value;
document.getElementById("t2").value=s;
}
</script>
<input type="radio" name="r" value="10" onclick="eq()">10
<input type="radio" name="r" value="34" onclick="eq()">34
<input type="radio" name="r" value="29" onclick="eq()">29
x
<input type="text" id="t1" onkeypress="eq()">
=
<input type="text" id="t2" readonly>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
假如单选框的name="radio"
输入框的id="inputText"
显示框的id="showText"
$("input[name=radio]").change(function(){
var count = parseInt($(this).val()) * parseInt($("#inputText").val());
$("#showText").val(count);
})
$("#inputText").keypress(function(){
var count = parseInt($(this).val()) * parseInt($("input[name=radio][checked]").val());
$("#showText").val(count);
})
输入框的id="inputText"
显示框的id="showText"
$("input[name=radio]").change(function(){
var count = parseInt($(this).val()) * parseInt($("#inputText").val());
$("#showText").val(count);
})
$("#inputText").keypress(function(){
var count = parseInt($(this).val()) * parseInt($("input[name=radio][checked]").val());
$("#showText").val(count);
})
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
粘下来直接运行
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="jquery.js"></script>
<script>
function getres(){
var radio=$("input[type=radio][checked]").val()
var text=$("#a").val()
var res=text*radio
$("#aa").val(res)
}
</script>
</head>
<body>
<p>
<input type="text" name="a" id="a" onchange="getres()"/>
</p>
<p>
<input type="radio" name="Rad" id="Rad0" value="1" onclick="getres()"checked="checked"/>1
<input type="radio" name="Rad" id="Rad1" value="2" onclick="getres()"/>2
<input type="radio" name="Rad" id="Rad2" value="3" onclick="getres()"/>3
</p>
<p>
<input type="text" name="aa" id="aa" />
</p>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="jquery.js"></script>
<script>
function getres(){
var radio=$("input[type=radio][checked]").val()
var text=$("#a").val()
var res=text*radio
$("#aa").val(res)
}
</script>
</head>
<body>
<p>
<input type="text" name="a" id="a" onchange="getres()"/>
</p>
<p>
<input type="radio" name="Rad" id="Rad0" value="1" onclick="getres()"checked="checked"/>1
<input type="radio" name="Rad" id="Rad1" value="2" onclick="getres()"/>2
<input type="radio" name="Rad" id="Rad2" value="3" onclick="getres()"/>3
</p>
<p>
<input type="text" name="aa" id="aa" />
</p>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
