如何获取Web页面中radio按钮的值

7、Webdynpro入门之常用控件1(InputField、CheckBox、RadioButtonGroup和Button)【原创】 7、Webdynpro入门之常用控件1(InputField、CheckBox、RadioButtonGroup和Button) 立即下载
如果在web页面的表单(表单名form1)里用了一组radio按钮,起名为button1。
要从js中取得被选中按钮对应的值,可按以下方法:
<script language=javascript>
function getRadioValue()
{
    var str;
    for(i=0;i<document.form1.button1.length;i++)
    {
        if (document.form1.button1[i].checked)
        str=document.form1.button1[i].value;








    }
}
</script>

这里的radio名button1就相当一个数组名










相关的例子:
<input type="radio" name="RadioButtn" value="A" checked>One<br> <input type="radio" name="RadioButtn" value="B">Two<br> <input type="radio" name="RadioButtn" value="C">Three<br> <input type="radio" name="RadioButtn" value="D">Four 所有的4个单选按钮对象有同一个名字:RadioButtn,这样一来,
HTML和JavaScript就知道它们是同一个数组里的对象。其次,
每个选项的值是选项的别名,并不是看到的文字(例如“One”、“Two”等)。

为了得到选择的选项的值,首先要知道哪个选项被选中了,然后在alert语句中,
用那个选中的选项的下标值来正确地引用当前选项的值。也就是说,
如果第一个选项被选中,你应该取RadioButtn[0].value,如果第二个选项被选中,
你就应该取RadioButtn[1].value,依此类推。

在JavaScript中,某些类型的域具有selectedIndex属性,
代表当前选中选项的数组下标值。然而单选按钮并不是那么幸运,
同样,复选框也没能逃脱厄运。要想得到当前选中的单选按钮的值,
你必须在RadioButtn数组元素中查找“checked”属性。

下面是按钮的代码:

var doc = document.forms[0];
for(i = 0; i < doc.RadioButtn.length; i++)
{
 if(doc.RadioButtn[i].checked)
 {
 alert(doc.RadioButtn[i].value);
 break;
 }
}
相关文章的连接:http://www-900.ibm.com/developerWorks/cn/lotus/lo-jsobj/index.shtml

基于开源项目构建 CFS(网络靶场实战演练)平台 摘要:构建CFS网络靶场可使用多个开源组件组合,包括EVE-NG/GNS3或ContainerLab构建网络环境,Kasm提供工作空间,CALDERA+Atomic Red Team实现攻击模拟,DetectionLab建立防御环境,Malcolm/Arkime进行流量监控,CyRIS提供编排框架,Vulhub/DVWA创建漏洞靶标。关键在于通过API深度集成各组件,同时需注重安全隔离、资源规划及维护成本。建议开发统一管理平台,结合Ansible/Terraform实现自动化部署,打造定制化实战演练环境。( 阅读详情

相关推荐

突破III-V/硅混合集成的挑战:UTC光电探测器能带工程仿真实践

本文探讨了UTC光电探测器在III-V/硅混合集成中的能带工程仿真实践,通过Ansys Lumerical平台实现多物理场仿真,解决晶格失配和能带不连续性等关键挑战。文章详细介绍了FDTD光学仿真和CHARGE电学仿真方法,优化器件性能,提升响应度和带宽,为高速光通信和量子计算提供技术支持。

weixin_29219539的博客 296

【亲测免费】 ESP32 Web Radio:随时随地享受网络广播的魅力

ESP32 Web Radio:随时随地享受网络广播的魅力 项目介绍 ESP32 Web Radio 是一个简洁的网络广播播放器,它利用Wi-Fi连接到网络电台,解码流媒体并将其通过I2S编解码器或直接连接到DAC引脚的扬声器播放出来。该项目基于Sprite_TM的ESP8266 MP3网络广播项目,现在已经被优化以支持ESP32平台,并增添了AAC解码和蓝牙音箱模式。 项目技术分析 该项目使用E...

gitblog_00040的博客 1017

【时间序列预测算法】——Holt-Winters算法介绍及代码实现

背景 一阶二阶三阶指数平滑方法拟合效果均较好,通过结合数据自然属性,数据自身、趋势变化、季节性,提出了这三个角度的衡量量,可以说,理解起来更自然、更亲切。 公式 一阶: sts_tst​是t时刻对xtx_txt​的估计值,这里只有一个参数α,是数据本身的平滑属性的体现。 二阶: 引入了时间趋势变量btb_tbt​,优化了一下一阶的公式。同时还可以预测t+m时刻的值: 三阶: 又引入了季节性周期描述变量ctc_tct​,优化了一下二阶的公式。同时还可以预测t+m时刻的值: NOTE:ct

BlackValley的博客 1万+

Radio: 简洁易用的Web电台应用

Radio: 简洁易用的Web电台应用 去发现同类优质开源项目:https://gitcode.com/ 是一个轻量级、开源的 Web 应用程序,它允许您创建自己的个性化在线电台。无论是音乐爱好者还是开发者,都可以利用 Radio 构建独特的音频流媒体平台。 背景介绍 Radio 的设计目标是提供一个简单且功能齐全的 Web 电台解决方案。通过 Radio,您可以轻松地上传音乐文件并播放它们,同时...

gitblog_00024的博客 864

对称加密和非对称加密,数字签名和证书

在对称加密中,任何人都可以使用公钥进行加密。在数字签名中,任何人都可以使用公钥验证签名。数字签名,其实就是将非对称加密反过来使用。公钥私钥非对称加密发送者加密时使用接收者解密时使用数字签名验证者验证签名时使用签名者生成签名时使用谁持有密钥?只要有需要,任何人都可以持有个人持有既然是加密,那肯定是不希望别人知道我的消息,所以只有我才能解密。公钥负责加密,私钥负责解密。既然是签名,那肯定是不希望有人冒充我发消息,所以只有我才能签名。私钥负责签名,公钥负责验签。

m0_70432049的博客 1410

告别偏色!手把手教你用i1Profiler 3.5为喷墨打印机制作专属ICC曲线(附D50/D65光源选择指南)

本文详细介绍了如何使用i1Profiler 3.5为喷墨打印机制作专属ICC曲线,解决设备偏色问题。从色彩管理基础、软件配置到色块打印与测量实战技巧,逐步指导用户完成曲线制作,并提供了D50/D65光源选择指南,确保色彩还原精准。适合摄影师和设计师提升打印质量。

weixin_30613343的博客 1万+

web radio onchange()功能

radio常用属性有name,id,value,checked name可以确保同一 name 下面的radio只能有1个处于选中状态。 1.抓取name="SPD003" 被选中的radio的value值 var val=$("input[name='SPD003']:checked").val(); 2.onchange()方法 浏览器兼容问题 IE低版本在 后面加

xufan601391682的博客 624

【系统架构设计师】论文模板样例:论软件系统架构风格

本人于年月参与项目,该系统为*,在该项目组中我担任系统架构师岗位,主要负责系统整体架构设计。本文以该车联网项目为例,主要讨论了软件架构风格在该项目中的具体应用。底层架构风格我们采用了虚拟机风格中的解释器,因该公交共有几十种不同的数据协议,使用解释器风格可以满足整车数据协议兼容性需求;中间层关于应用层的数据流转采用了独立构件风格中的隐式调用,以减低系统间耦合度、简化软件架构,提高可修改性方面的架构属性;应用系统层采用了B/S的架构风格,统一解决公交行业性难题“实施推广难、维护难”问题。

数据知道的博客 9927

radio控件使用

如题。         radio控件的使用,是通过name属性来控制的。只要你的radio的name是相同的。则可以使得该组中的radio控件只有一个可以被选中。         如果要控制某一个radio是默认选中的,则在该标签内加入checked即可。

Love.Hope.Faith 1万+

【低照度图像增强系列】使用MSRCR(Multi-Scale Retinex with Color Restoration)算法对低照度图像进行增强处理

【低照度图像增强系列】使用MSRCR(Multi-Scale Retinex with Color Restoration)算法对低照度图像进行增强处理

静谧、淡雅 649

从 30 天试用到企业级落地,2026 年学习和试用 SAP AI 的完整路线图

摘要:SAP AI产品体系存在试用版本与商业版本的边界模糊问题,需区分业务嵌入AI(如Joule)、开发者工具(SAP Build Code)和AI基础平台(Generative AI Hub)三个层级。建议学习路径:1)通过SAP Learning专区掌握理论框架;2)优先使用30天Generative AI Hub基础试用体验模型编排;3)结合90天BTP试用账户开发完整应用。特别注意免费计划已陆续停止,需以最新官方文档为准。开发者应重点关注AI如何与SAP技术栈(CAP、Fiori等)集成,而非单纯功

2007 年 ~ 2025 年,深耕 SAP 技术 18 年 115

【分享】常用JS(2)

==============================================1.文本框焦点问题onBlur:当失去输入焦点后产生该事件onFocus:当输入获得焦点后,产生该文件Onchange:当文字值改变时,产生该事件Onselect:当文字加亮后,产生该文件<input type="text" value="郭强" onfocus="if(value=='郭强') {va

兄弟连_战地日记 959

怀旧版电脑GBC模拟器

再现原版GBC掌机的界面,电脑运行连游戏界面都一样大小,很怀旧,很真实,(英文版)强烈推荐,很小的文件,很难才找到的。

Jquery 获取 radio选中值

随着Jquery的作用越来越大,使用的朋友也越来越多。在Web中,由于CheckBox、Radiobutton 、DropDownList等控件使用的频率比较高,就关系到这些控件在Jquery中的操作问题。由于Jquery的版本更新很快,代码的写法也改变了许多,以下Jquery代码适query1.4版本以上。 Radio

htofly的专栏 36万+

LinePhone3.2.7(android端最新版本) sip客户端

SIP客户端For android:LinePhone3.2.7(最新版本),官网地址:http://www.linphone.org/

锂电池充电器电路设计 里面有电路

锂电池充电器电路设计 里面有电路 3.7V升压到5V电路设计。

JavaScript实现获取radio的值

做web时用到的js的功能,备份一下.注意radio也有属性checked."http://www.w3.org/TR/html4/loose.dtd">无标题文档  function selectRadio(radioname,url){    var aa = document.getElementsByName(radioname);    for (var i=0; i    { 

Blog内容迁移至dolphin8.cn 5581

SIMATIC S7-1200, S7-1500 PID 控制[手册]

SIMATIC S7-1200, S7-1500 PID 控制[手册]

html 获取选中radio,如何在html中获取被选中的radio的值?

匿名用户1级2017-12-01 回答一般来说,就是使用遍历的方法,判断每个Radio是否被选中,如果是,再取其值.1:找出网页中所有控件的name为"rdPort"的控件,再遍历判断var ip="";var rPort = document.all.rdPort;for(i=0;i{if(rPort[i].checked)ip=rPort[i].value;}和这个相似的还有另一种:2:v...

weixin_39903375的博客 3751

PHP中如何获取radio的值,Jquery如何获取radio选中值的示例详解

随着Jquery的作用越来越大,使用的朋友也越来越多。在Web中,由于CheckBox、Radiobutton 、DropDownList等控件使用的频率比较高,就关系到这些控件在Jquery中的操作问题。由于Jquery的版本更新很快,代码的写法也改变了许多,以下Jquery代码适query1.4版本以上。Radio1.获取选中值,三种方法都可以:$('input:radio:checked')...

weixin_30296363的博客 851

获取radio的值

随着Jquery的作用越来越大,使用的朋友也越来越多。在Web中,由于CheckBox、Radiobutton 、DropDownList等控件使用的频率比较高,就关系到这些控件在Jquery中的操作问题。由于Jquery的版本更新很快,代码的写法也改变了许多,以下Jquery代码适query1.4版本以上。 Radio 1.获取选中值,...

di80167的博客 218

如何用JavaScript取得Radio被选中的值

六年之前我在做Web,三年之前我厌烦了Web开发,最近有重新拾起Web开发,竟然忘了怎么去Radio的值,呵呵。  document.getElementById("radioName") .value竟然行不通,google一下才知道不是这么写。下面是示例:无标题文档function   getRadioBoxValue(radioName)    {              var obj

enjoyo 5897

[ASP.NET]ASP.NET通过后台cs获得前台input的radio单选按钮的值

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录前言一、ASP.NET如何获取页面提交的数据二、代码展示1.前台代码2.后台代码运行结果总结 前言 在ASP.NET里面,使用控件的页面样式很难写得好看,样式改不动,一方面也是由于我比较菜吧,所以想到使用传统的input来代替TextBox控件来实现一些功能,比如简单的表单验证,但是在实际练习的时候发现了无法直接获取radio选中的值 一、ASP.NET如何获取页面提交的数据 这里推荐使用Request[(input的name属

MeanK的博客 1901

radio单选框值回显,取值,赋值等

参考这个链接https://blog.youkuaiyun.com/qq_40015157/article/details/80692296 <div class="radio-inline"> <input type="radio" name="killOrder" value="1"/> <label for="killOrder1">是</labe...

PT_HFUU的博客 3712

struts2 如何获取jsp中radio的值

多个radio只要名字name相同,那么他们就是一组  然后在你的Action中,private String xxxx;  xxxx是与你的一组radio的name相同,那么你选择哪一个  String xxxx里面的值就是被选中的那个radio的value值 XXX.jsp <input id="RadioButtonList1_

repeator的专栏 2157
上一篇: Window下JSP环境的搭建
下一篇: 常用javascript函数
firerain
博客等级 码龄25年 4粉丝 22原创
评论 2
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值