| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 4199 人关注过本帖
标题:多个单选按钮组选择的值传递
只看楼主 加入收藏
zh6631099
Rank: 1
等 级:新手上路
帖 子:12
专家分:0
注 册:2008-3-24
结帖率:100%
收藏
 问题点数:0 回复次数:6 
多个单选按钮组选择的值传递
我要实现多组单选按钮组选择的值一行行的显示到另一个独立的文本中或div中(求ASP代码)先谢了   困恼。。
搜索更多相关主题的帖子: 选择 按钮 
2009-11-10 11:21
yms123
Rank: 16Rank: 16Rank: 16Rank: 16
等 级:版主
威 望:209
帖 子:12488
专家分:19042
注 册:2004-7-17
收藏
得分:0 
什么样式的?类似电子邮件的那种,选择一个邮件删除还是类似选择题的那种一道题多个选项,有很多道题?
最好截图说明。
2009-11-10 11:52
zh6631099
Rank: 1
等 级:新手上路
帖 子:12
专家分:0
注 册:2008-3-24
收藏
得分:0 
像选择题   产品配件一种种的选  
2009-11-10 13:45
yms123
Rank: 16Rank: 16Rank: 16Rank: 16
等 级:版主
威 望:209
帖 子:12488
专家分:19042
注 册:2004-7-17
收藏
得分:0 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>单项选择题</title>
<script language="javascript">
//单选按钮点击事件
//参数1,单选按钮组的名称,参数2,本页题目编号(这里从0计算)
function RadioClick(Rad,AnsIdx)
{
    for(var i=0;i<Rad.length;i++)
    {
        if(Rad[i].checked)//如果某个答案被选中
           document.form1.Answer[AnsIdx].value=Rad[i].value;//将答案赋值给隐藏域
    }
}

//获得选择的答案
function Page_Submit()
{
    var MsgStr="选择的答案为\n";
    //循环答案隐藏域获得所有选择的答案
    for(var i=0;i<document.form1.Answer.length;i++)
    {
        var Idx=i+1;//这里是因为题目编号从1开始
        MsgStr+="第"+Idx+"题答案:选项"+document.form1.Answer[i].value+"\n";
    }
    alert(MsgStr);
}
</script>
</head>

<body>
<form name="form1">
1、这是第1题<br>
<input type="radio" onClick="RadioClick(document.form1.radio1,0);" name="radio1" value="1">
选项1、
<input type="radio" onClick="RadioClick(document.form1.radio1,0);" name="radio1" value="2">
选项2、
<input type="radio" onClick="RadioClick(document.form1.radio1,0);" name="radio1" value="3">
选项3<br>
<input type="hidden" name="Answer" value=""/><!--答案隐藏域(用于提交答案到服务器)-->
2、这是第2题<br>
<input type="radio" onClick="RadioClick(document.form1.radio2,1);" name="radio2" value="1">
选项1、
<input type="radio" onClick="RadioClick(document.form1.radio2,1);" name="radio2" value="2">
选项2、
<input type="radio" onClick="RadioClick(document.form1.radio2,1);" name="radio2" value="3">
选项3<br>
<input type="hidden" name="Answer" value=""/>
2、这是第3题<br>
<input type="radio" onClick="RadioClick(document.form1.radio3,2);" name="radio3" value="1">
选项1、
<input type="radio" onClick="RadioClick(document.form1.radio3,2);" name="radio3" value="2">
选项2、
<input type="radio" onClick="RadioClick(document.form1.radio3,2);" name="radio3" value="3">
选项3<br>
<input type="hidden" name="Answer" value=""/>
<input type="button" name="Submit" onClick="Page_Submit();" value="确定" />
</form>
</body>
</html>
2009-11-10 15:23
zh6631099
Rank: 1
等 级:新手上路
帖 子:12
专家分:0
注 册:2008-3-24
收藏
得分:0 
但是我要求点击一题后马上把答案显示到一个div中区   等选完了就一起提交
2009-11-11 11:22
yms123
Rank: 16Rank: 16Rank: 16Rank: 16
等 级:版主
威 望:209
帖 子:12488
专家分:19042
注 册:2004-7-17
收藏
得分:0 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>单项选择题</title>
<script language="javascript">
//单选按钮点击事件
//参数1,单选按钮组的名称,参数2,本页题目编号(这里从0计算)
function RadioClick(Rad,AnsIdx)
{
    for(var i=0;i<Rad.length;i++)
    {
        if(Rad[i].checked)//如果某个答案被选中
           document.form1.Answer[AnsIdx].value=Rad[i].value;//将答案赋值给隐藏域
           this.AnswerDiv[AnsIdx].innerHTML=Rad[i].value;//将答案赋值给DIV    }
}

//获得选择的答案
function Page_Submit()
{
    var MsgStr="选择的答案为\n";
    //循环答案隐藏域获得所有选择的答案
    for(var i=0;i<document.form1.Answer.length;i++)
    {
        var Idx=i+1;//这里是因为题目编号从1开始
        MsgStr+="第"+Idx+"题答案:选项"+document.form1.Answer[i].value+"\n";
    }
    alert(MsgStr);
}
</script>
</head>

<body>
<form name="form1">
1、这是第1题<br>
<input type="radio" onClick="RadioClick(document.form1.radio1,0);" name="radio1" value="1">
选项1、
<input type="radio" onClick="RadioClick(document.form1.radio1,0);" name="radio1" value="2">
选项2、
<input type="radio" onClick="RadioClick(document.form1.radio1,0);" name="radio1" value="3">
选项3<br>
<div id="AnswerDiv"></div><!--可以再加一个Div就可以-->
<input type="hidden" name="Answer" value=""/><!--答案隐藏域(用于提交答案到服务器)-->
2、这是第2题<br>
<input type="radio" onClick="RadioClick(document.form1.radio2,1);" name="radio2" value="1">
选项1、
<input type="radio" onClick="RadioClick(document.form1.radio2,1);" name="radio2" value="2">
选项2、
<input type="radio" onClick="RadioClick(document.form1.radio2,1);" name="radio2" value="3">
选项3<br>
<div id="AnswerDiv"></div>
<input type="hidden" name="Answer" value=""/>
2、这是第3题<br>
<input type="radio" onClick="RadioClick(document.form1.radio3,2);" name="radio3" value="1">
选项1、
<input type="radio" onClick="RadioClick(document.form1.radio3,2);" name="radio3" value="2">
选项2、
<input type="radio" onClick="RadioClick(document.form1.radio3,2);" name="radio3" value="3">
选项3<br>
<div id="AnswerDiv"></div>
<input type="hidden" name="Answer" value=""/>
<input type="button" name="Submit" onClick="Page_Submit();" value="确定" />
</form>
</body>
</html>
2009-11-11 21:09
zh6631099
Rank: 1
等 级:新手上路
帖 子:12
专家分:0
注 册:2008-3-24
收藏
得分:0 
3212133
2009-11-12 15:53
快速回复:多个单选按钮组选择的值传递
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.039718 second(s), 7 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved