JS实现把选中单选按钮的值存入数组

percy163 2008-08-06 10:42:08
有7组单选按钮,每组5个选项,提出选中按钮的值,并存入数组
目前的问题是如果循环赋值的话 未选中的选项也会赋值 怎样去掉这些未选中的项值
请大家指点。
...全文
668 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
sd5816690 2008-08-06
  • 打赏
  • 举报
回复

<html>
<head>
<Script Language="JavaScript">
function showAnswers()
{
var answers = [];
var j = 0;
for(var i = 0;(e = document.all.FormQuestions.elements[i]);i++){
if(e.type == "radio" && e.checked){
answers[j] = e.value;
j++;
}
}
if(answers.length < 7){
divAnswers.innerHTML = "存在未选择的题目";
return;
}
divAnswers.innerHTML = "";
// 遍历数组
for(var i = 0;(e = answers[i]);i++){
divAnswers.innerHTML += "第" + (i + 1) + "题答案" + e + "<br/>";
}
}
</Script>
</head>
<body>
<form name="FormQuestions" method="post" action="#">
第1题
<input type="radio" name="question1" value="a">a
<input type="radio" name="question1" value="b">b
<input type="radio" name="question1" value="c">c
<input type="radio" name="question1" value="d">d
<input type="radio" name="question1" value="e">e
<br/>

第2题
<input type="radio" name="question2" value="a">a
<input type="radio" name="question2" value="b">b
<input type="radio" name="question2" value="c">c
<input type="radio" name="question2" value="d">d
<input type="radio" name="question2" value="e">e
<br/>

第3题
<input type="radio" name="question3" value="a">a
<input type="radio" name="question3" value="b">b
<input type="radio" name="question3" value="c">c
<input type="radio" name="question3" value="d">d
<input type="radio" name="question3" value="e">e
<br/>

第4题
<input type="radio" name="question4" value="a">a
<input type="radio" name="question4" value="b">b
<input type="radio" name="question4" value="c">c
<input type="radio" name="question4" value="d">d
<input type="radio" name="question4" value="e">e
<br/>

第5题
<input type="radio" name="question5" value="a">a
<input type="radio" name="question5" value="b">b
<input type="radio" name="question5" value="c">c
<input type="radio" name="question5" value="d">d
<input type="radio" name="question5" value="e">e
<br/>

第6题
<input type="radio" name="question6" value="a">a
<input type="radio" name="question6" value="b">b
<input type="radio" name="question6" value="c">c
<input type="radio" name="question6" value="d">d
<input type="radio" name="question6" value="e">e
<br/>

第7题
<input type="radio" name="question7" value="a">a
<input type="radio" name="question7" value="b">b
<input type="radio" name="question7" value="c">c
<input type="radio" name="question7" value="d">d
<input type="radio" name="question7" value="e">e
<br/>
<input type="button" value="显示数组" onclick="showAnswers()">
</form>
<div id="divAnswers"></div>
</body>
</html>
大虾哥哥 2008-08-06
  • 打赏
  • 举报
回复
脑残了一下:忘记把id改成ID
大虾哥哥 2008-08-06
  • 打赏
  • 举报
回复
把你的赋值语句写在 :判断某个按钮是否被选中的条件中,

给你说个类似的情况:我要点击checkbox来修改某条记录时,只能取一个记录的id
<input type="checkbox" id="boxes" value="b1"/>
<input type="checkbox" id="boxes" value="b2"/>
<input type="checkbox" id="boxes" value="b3"/>
<input type="checkbox" id="boxes" value="b4"/>

在js中:
....此处写确定唯一checkbox被选中的函数:
然后
var list=document.getElementsByName("boxes"); 
var sum=0;
var ID;
for(var i=0;i<list.length;i++)
{
if(list[i].checked)
{
sum++;
id=list[i].value;
}
}
因为只有一个chexckbox被选中,所以我后来取的ID一定是那个唯一被选中的chexckbox的值
percy163 2008-08-06
  • 打赏
  • 举报
回复
中午已经把功能实现了 只是去挨个判断radio按钮 很傻的办法
谢谢两位老兄 sd5816690的方法很简单实用
分不是很多 笑纳
大虾哥哥 2008-08-06
  • 打赏
  • 举报
回复
sd5816690 讲的很详细。
课程首先介绍了Flutter的主要知识,通过4个案例消化吸收知识点。并通过手把手一步步带您完成一个【我的备忘录】APP项目,使得您真正认识Flutter在实际项目中的优势。  通过本课程学习您可以学习到Flutter技术如下知识:第1章 Flutter概述知识点:移动应用开发现状、移动应用开发类型、Hybrid与移动跨平台开发策略、Flutter是什么?、Flutter特点、Flutter体系结构。第2章 Flutter开发环境搭建知识点:基于Windows的Android开发环境、基于macOS的iOS开发环境、IDE开发工具设置。第3章 Flutter基础知识点:完成一个Flutter程序、一切都是组件(Widget)、组件分类、使用图片和图标资源、使用文本组件、增加调试组件工具。第4章 布局组件知识点:Flutter布局概述、容器布局(Container)、行(Row)、列(Column)布局、层叠布局、ListView、GridView。第5章 Material风格组件知识点:按钮、输入框、复选框、单选按钮、开关按钮、滑块。第6章 iOS Cupertino风格组件知识点:iOS Cupertino页面、Cupertino按钮、Cupertino开关按钮、Cupertino滑块、Cupertino分段控件。第7章 状态管理知识点:状态管理概述、局部状态管理、全局状态管理。第8章 导航知识点:导航概述、面包屑导航、标签导航、页面组件分散在不同文件中、全局状态管理与导航。第9章 工程依赖管理知识点:工程依赖管理概述、pub依赖管理工具。第10章 数据存储知识点:Flutter数据存储策略、键对数据存储、文件数据存储、SQLite数据存储、示例:数据CRUD操作。第11章 网络通信知识点:搭建自己的Web服务器、使用http包、示例:城市信息列表。第12章 项目实战:我的备忘录APP知识点:备忘录APP项目说明、备忘录项目后台Web服务API说明、备忘录APP项目分析与设计、初始化工程、持久层实现、表示层实现。 

87,908

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧